Как передать данные массива из php в js, учитывая что массив в js это объект?

Question

[semki096]

Мне надо отдавать страничку с данными json. Эти данные будут обрабатываться js. В итоге у меня должен получиться JS-массив со свойством. Массив я могу передать так

$arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5);
    echo json_encode($arr);

И получу
{"a":1,"b":2,"c":3,"d":4,"e":5}
Вопрос. Как мне средствами PHP вернуть json, который в js будет массивом со свойством, типа [{"a":1,"b":2,"c":3,"d":4,"e":5}, columh: ["a","b","c","d"]] ?

Comments

[FanatPHP]

а теперь ещё раз и внятно
"типа [{"a":1,"b":2,"c":3,"d":4,"e":5}, columh: ["a","b","c","d"]]" - это бессмысленная белиберда, которую js не поймет.

[FanatPHP]

и не забудь написать, чем тебя не устраивает {"a":1,"b":2,"c":3,"d":4,"e":5}

[Максим]

Если Вам нужен именно такой результат, как вы указали, то сделайте обработку на клиенте, и будет Вам счастье)

let arr = [];
let obj = {"a":1,"b":2,"c":3,"d":4,"e":5};
for (let key in obj) {
  arr.push(key);
}

console.log([...[obj], {"column": [...arr]}])

[semki096]

FanatPHP, то есть мне надо получить js массив со свойством columh, а это

[{"a":1,"b":2,"c":3,"d":4,"e":5}, columh: ["a","b","c","d"]]

просто чтобы была понятна структура, примерно так он будет отображаться в консоли.

[FanatPHP]

Ещё раз.
[{"a":1,"b":2,"c":3,"d":4,"e":5}, columh: ["a","b","c","d"]] - это белиберда.
Если ты не знаешь, что хочешь получить, то не надо задавать вопрос, как это сделать.
Сначала определись, что конкретно тебе нужно получить в жс, потом приходи сюда, спрашивать как получить массив определенного формата в пхп. потому что вопрос у тебя не как передать массив из пхп жс, а как поменять нормальный массив в пзп, сделав из него какого-то уродца. как передать массив ты и так уже знаешь

[semki096]

Максим Черябушкин, FanatPHP, это нужно для библиотеки d3js. Мне нужно получить promise - обьект с массивом и свойством columns. В демо они получают такой промис распарсивая csv файлы. Но у меня данные из базы поэтому я хочу получить аналогичный обьект данных но из json

[FanatPHP]

Давай я напишу тебе код, а ты потом сотрешь этот ужас под видом вопроса?

[FanatPHP]

Хотя нет, все равно непонятно, какой формат нужен.
В объекте ОБА элемента должны иметь имена.
второй называется columns. а первый?

[kulaeff]

Вот это

[{"a":1,"b":2,"c":3,"d":4,"e":5}, columh: ["a","b","c","d"]]

яваскрипт не поймет ваще, скажет что-то типа Unexpected token.... Да и слово какое-то странно, columh. Может все-таки column?

[Надим]

У вас объект кривой, правильно будет так:

[{"a":1,"b":2,"c":3,"d":4,"e":5}, {"columh:" ["a","b","c","d"]}]

[Максим]

semki096 скиньте ссылку на демо, которым вы руководствуетесь, пожалуйста
Чертовски интересно, что же там такое

[semki096]

Максим Черябушкин, вот здесь https://codesandbox.io/s/github/rrag/react-stockch... демка. В примере данные берутся из файла tsv, и распарсиваются вот этой библиотекой https://github.com/d3/d3-dsv и как раз получаем данные такого вида

d3.csvParse("foo,bar\n1,2"); // [{foo: "1", bar: "2"}, columns: ["foo", "bar"]]

Я теперь хочу понять, можно ли получить тот же результат не из tsv а из json

[Максим]

semki096, Привет! Вроде я понял, что требуется. Полученный с бэкенда json ты хочешь распарсить под d3 и построить по нему график, верно?
Тогда смотри, что нужно. Сначала тебе нужно привести полученный json к формату tsv методами того же d3, а после этого передать в функцию, чтобы парсить уже tsv
То есть

let myTsv = tsvFormat(myJson);    // Парсим json в tsv
tsvParse(myTsv);    // а на этом шаге ты как раз таки получишь то, о чем собственно сам вопрос
                    //  [{...}, {...}, {...}, columns: []]

[semki096]

Максим Черябушкин, спасибо большое, сейчас попробую в этом разобраться, кажется это именно то что мне нужно. Как же всё оказалось просто, спасибо.

[Максим]

semki096, опубликую тогда как ответ

Answer 1

[Максим]

Сначала нужно привести полученный json к формату tsv методами того же d3, а после этого передать в функцию, чтобы парсить уже tsv
То есть

let myTsv = tsvFormat(myJson);    // Парсим json в tsv
tsvParse(myTsv);    // а на этом шаге ты как раз таки получишь то, о чем собственно сам вопрос
                    //  [{...}, {...}, {...}, columns: []]

Comments

[semki096]

Всё получилось! Оставлю здесь ещё это как памятку https://stackoverflow.com/questions/15764698/loadi...