Asynchronous access to object's key value in javascript

Question

I spent 3 days looking for help. I'm new to javascript so there are a lot of limitations

I'm trying to get the values in this array, but I haven't figured out the problem yet. Someone please help me, I thank you

const data = [
    {
        "label": "★ Choose Color",
        "value": {
            "9": {
                "i": 9,
                "value": "Irish-Green",
                "label": "Irish",
                "color": "#00902a"
            }
        },
        "price": false
    },
    {
        "label": "★ Choose Size",
        "value": {
            "1": {
                "i": 1,
                "value": "M",
                "label": "M",
                "color": "#ffffff"
            }
        },
        "price": {
            "1": 0
        }
    }
]
data.map((item) => {
  console.log(item.value)
  /*
  I want to get the following values:
  value,  label,  color
  */
  item.value.map((val) => {
    console.log(val)
  })
  
})

Nothing asychronous here. But `item.value` doesn't have a `map` method. — Bergi, Jan 21 '22 at 18:47
`for (const i in item.value) for (const key in item.value[i]) console.log(key, item.value[i][key])` — Bergi, Jan 21 '22 at 18:47
Can you change the data format? An array of objects would make more sense than an object with keys like `"9"` or `"1"`. — Bergi, Jan 21 '22 at 18:48
I mean can you change the code that generates this data dynamically? Because it's unnecessarily hard to process. — Bergi, Jan 21 '22 at 18:54
I can't fix it bro, because this is data from Woocommerce api — Nguyễn Văn Huy, Jan 21 '22 at 18:58

Asynchronous access to object's key value in javascript

0 Answers0