JSON data in js object into html list

Question

I have a json file converted into a js object

var factory = {
  city: "turin",
  street: "corso unione sovietica",
  nAddres: 74,
  operative: true,
  models: ["toyota", "chevrolet", "ford", "subaru", "honda"],
  workspace: {
    offices: 12,
    minsOfPause: 15,
  },
  cars: {
    toyota: {
      id: 1,
      numberPlate: "S4IIPLE",
      broken: false,
      insurance: null,
      previousOwners: ["Mark", "Sebastian", "Carlos"],
      infos: {
        parketAt: "425 2nd Street",
        city: "San Francisco",
        state: "CA",
        postalCode: 94107,
      },
    },
    chevrolet: {
      id: 2,
      numberPlate: "S2IALR",
      broken: true,
      insurance: null,
      previousOwners: ["Robert", "Mark"],
      infos: {
        parketAt: "711-2880 Nulla St",
        city: "Mankato",
        state: "MS",
        postalCode: 96522,
      },
    },
  },
};
var json = JSON.stringify(factory);
json = JSON.parse(json);

I have to display the data in a ul li list in an HTML file but when I try to iterate the objects with

for(var a in json){
  console.log(a);  
}

the console says that the object is not iterable and with

for(var a of json){
  console.log(a);

the console doesn't display the value pls help

A plain object is not iteratable. Use Object.keys() or something like ` for (const [key, value] of Object.entries(object1)) { console.log(${key}: ${value}); }` this — Marc
– Marc, Commented Oct 10, 2020 at 17:36
This is an often-asked question. You are trying to iterate through an object so you will need Object.entries. Answer to your question here — Ray Toal
– Ray Toal, Commented Oct 10, 2020 at 17:36
First option (for...in) should work for iterating over the keys of the object (more info). — jeojavi
– jeojavi, Commented Oct 10, 2020 at 17:39
Ty for the responses! I got everything but the first comment. What is this ${key}: ${value}, or better, what does the $ means — Slom
– Slom, Commented Oct 10, 2020 at 17:47

Agneesh Bose · Accepted Answer · 2020-10-10 18:56:51Z

1

A for...of loop is used to loop through an array.

For an object, we should use for...in loop.

Here, it should be :

for (let a in json){
  console.log(a);
}

answered Oct 10, 2020 at 18:56

Agneesh Bose

2913 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JSON data in js object into html list

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related