How to use for loop on an object?

Question

This is what the object looks like:

{
  "1":{
    "zxc":"...",
    "custom_status":"...",
    "custom_status_icon":"",
    "custom_status_icon_only":0,
    "product_id":"...",
    "is_in_stock":1,
    "pricealert":""
  },
  "2":{
    "zxc":"...",
    "custom_status":"...",
    "custom_status_icon":"",
    "custom_status_icon_only":0,
    "product_id":"...",
    "is_in_stock":1,
    "pricealert":""
  }
}

What have you tried and what is the output you're trying to get — NullDev, Mar 04 '21 at 09:00
Please visit the [help], take the [tour] to see what and [ask]. Do some research, search for related topics on SO; if you get stuck, post a [mcve] of your attempt, noting input and expected output using the `[<>]` snippet editor. — mplungjan, Mar 04 '21 at 09:00
the answer is already here: https://stackoverflow.com/questions/19323699/iterating-through-json-object-javascript — AL.Sharie, Mar 04 '21 at 09:00
JSON is a string representation. You have a POJO, not a `"JSON object"` — mplungjan, Mar 04 '21 at 09:02

score -1 · Answer 1 · edited Mar 04 '21 at 09:01

-1

You can use the below example to apply on your dataset:

const myObj = {
  "1": {
    "zxc": "...",
    "custom_status": "...",
    "custom_status_icon": "",
    "custom_status_icon_only": 0,
    "product_id": "...",
    "is_in_stock": 1,
    "pricealert": ""
  },
  "2": {
    "zxc": "...",
    "custom_status": "...",
    "custom_status_icon": "",
    "custom_status_icon_only": 0,
    "product_id": "...",
    "is_in_stock": 1,
    "pricealert": ""
  }
}

for (x in myObj) {
  document.getElementById("demo").innerHTML += x;
}

<div id="demo"></div>

edited Mar 04 '21 at 09:01

mplungjan

155,085
27
166
222

answered Mar 04 '21 at 09:00

MorLavender

104
1
8

I made you a snippet. You can see that is not a very useful answer – mplungjan Mar 04 '21 at 09:01

How to use for loop on an object?

1 Answers1