0

Посредством php получаю такой массив

[{"id":"1","name":"Первый пункт"},{"id":"2","name":"Второй пункт"},{"id":"3","name":"Третий пункт"}]

как его можно распарсить в javascript, чтобы дальше с ним работать?

P.S. имею ввиду как к нему обратиться в итоге, потому что объявляю его в переменную.

var obj2=
obj2 = JSON.parse(obj2);

А теперь не могу понять как например обратиться к id 2 и вывести name

3
  • $.parseJSON(json)
    – InDevX
    Commented 27 мар. 2019 в 12:33
  • Не могу понять в чём вопрос? Вроде готовый к употреблению массив. Не? Или какова конечная цель? Чего добиться надо? Commented 27 мар. 2019 в 12:34
  • let json = JSON.parse("[{...},{...}]") Commented 27 мар. 2019 в 12:35

2 ответа 2

0

А теперь не могу понять как например обратиться к id 2 и вывести name

Для этой цели JSON.parse не нужен:

let json = [{"id":"1","name":"Первый пункт"},{"id":"2","name":"Второй пункт"},{"id":"3","name":"Третий пункт"}];
let obj = json.find(x => x.id === '2');
if (!obj) {
  console.log('object with id = 2 not found');
} else {
  let name = obj.name;
  if (typeof name === "undefined")
    console.log('object with id = 2 not have "name"');
  else
    console.log(name);
}

3
  • А что если в json не найдется объекта с id строго равным '2', каков будет результат выполнения?
    – yar85
    Commented 27 мар. 2019 в 13:04
  • @yar85 тогда будет возвращаться ошибка Cannot read property 'name' of undefined. Чтобы избежать ошибки, Вы можете проверять сначала json.find(x => x.id === '2') на undefined, после чего получать name
    – Alex
    Commented 27 мар. 2019 в 13:08
  • 1
    Комментарии не предназначены для расширенной дискуссии; разговор перемещён в чат.
    – ЮрийСПб
    Commented 27 мар. 2019 в 20:31
0

Метод JSON.parse() при успешном выполнении возвращает JS-объект (экземпляр Object или Array).
В данном случае, результатом будет Array, а если конкретнее - массив объектов:

const jsonStr = '[{"id":"1","name":"Первый пункт"},{"id":"2","name":"Второй пункт"},{"id":"3","name":"Третий пункт"}]'; 
let arr = JSON.parse(jsonStr);   // [[object Object], [object Object], [object Object]]

Обращаться с этим массивом можно точно так же, как и с любым другим:

// доступ к элементу по его индексу 
let firstEntry = arr[0];       // [object Object] { id: "1", name: "Первый пункт" }
console.log(firstEntry.name);  // "Первый пункт"

// поиск элемента перебирающим методом
let entry = arr.find(obj => obj.id == 2); 
if (entry)
  console.log(entry.name); 
else
  console.log('Объект с id:2 в массиве не найден'); 
4
  • @Alex, будь добр, сформулируй вопрос без провокаций некорректными формулировками (вида "ты забыл, что ...", "почему не читаешь", "взял мой ответ", и т.д.) Один раз я тебе ответил в той же манере, но не собираюсь и далее вести такие разговоры. Не желаешь ли пожелать себе быть немного дружелюбнее, и вести конструктивный диалог по теме и содержанию ответов, вместо перехода на личности и оценок вымышленных действий? (последний вопрос - риторический)
    – yar85
    Commented 27 мар. 2019 в 16:12
  • Начать можно с изложения упомянутой логики, в том виде как ты ее понял - чтобы цепочка твоих рассуждений была ясна. А то ранее я написал что есть разница между ошибками входных данных, и ошибками программиста (алгоритмическими), но не видно чтобы в твоем вопросе это как-то учитывалось - вероятно, я неправильно его (твой вопрос) понимаю => давай проясним.
    – yar85
    Commented 27 мар. 2019 в 16:24
  • @Alex, допустим, твой вопрос задан без эмоций и "правильно" - но он некорректен. По остальному: было написано что ошибка алгоритмическая (от слова "алгоритм"), а не "арифметическая". Также, напомню, что мы тут на SO занимаемся созданием базы ответов на вопросы общего характера, а не услугами написания кода под какие-то конкретные данные каких-то конкретных людей. Поэтому, ответы должны быть качественными. Своим комментом я указал на проблему качества твоего ответа, для его улучшения - и столкнувшись с неадекватной реакцией, написал свой вариант ответа (учитывающий поправку). Это ясно?
    – yar85
    Commented 27 мар. 2019 в 16:54
  • Давайте продолжим обсуждение в чате.
    – Alex
    Commented 27 мар. 2019 в 16:58

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.