Как сделать парсинг файла json средствами js?

Question

[eridanlivia]

Здравствуйте. У меня имеется файл json с массивом, внутри которого объекты. Как его распарсить средствами js? Если бы в файле был только один объект, то это Я знаю, как сделать или думаю, что знаю. Сам json:
[
{
"name": "Filipp",
"phone": "[phone]",
"email": "[e-mail]",
"address": "563-4648 Curabitur Street",
"position_name": "Mauris eu turpis. Nulla aliquet. Proin velit. Sed malesuada augue",
"department": "nisi magna sed dui. Fusce aliquam, enim nec tempus scelerisque,",
"hire_date": "Dec 24, 2020"
},
{
"name": "Adrienne Mason",
"phone": "1-395-514-3388",
"email": "[e-mail]",
"address": "963 Montes, Avenue",
"position_name": "diam eu dolor egestas rhoncus. Proin nisl sem, consequat nec,",
"department": "interdum. Curabitur dictum. Phasellus in felis. Nulla tempor augue ac",
"hire_date": "Nov 15, 2020"
}
]

Т.е. мне надо получить из этих объектов id для вывода на страницу сайта, естественно с css.

Comments

[WbICHA]

Если бы в файле был только один объект, то это Я знаю, как сделать

И в чём отличие? Раз ТЫ знаешь как это сделать, сделай.

[eridanlivia]

WbICHA, различие в том, что когда в файле json находится 1б 2 массива, то могу:
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
document.getElementById("demo2").innerHTML = myObj.phone;
document.getElementById("demo3").innerHTML = myObj.email;
document.getElementById("demo4").innerHTML = myObj.address;
}
};
xmlhttp.open("GET", "data1.json", true);
xmlhttp.send();

[Lynn «Кофеман»]

Эм, может надо основы JS ещё раз освежить? В частности вспомнить что такое массив и как с ним работать.

Answer 1

[Фархад Асадов]

В вашем JSON 'е нет ни поля id, ни Css стилей.

А так, чтобы получить из них нужные вам поля. Достаточно просто импортировать файл JSON и пройтись по нему , допустим, через forEeach

import myJson from './example.json'
//Some code.....
myJson.forEach(element => console.log(element.id));