How can I loop through arrays inside an object in JavaScript es6?

Question

How can I loop through arrays inside an object in JavaScript es6? I tried the following code

for(let x of Object.keys(headings?.value)){
              console.log(x);
            }

data i wants to loop through

"value":{
        "h3":[
           "Best selling products",
           "Best Corporate Laptops",
           "BEST PRICED LAPTOPS",
           "Shop By Brands"
        ],
        "h4":[
           "Lenovo Thinkpad Touchscreen Yoga X380\/i5\/8th gen\/13.3\" screen",
           "Lenovo thinkpad T440S\/core i7\/4th gen\/14\"screen"
        ],
        "h5":[
           "View All",
           
        ]
     }

Use Object.values().flat() instead of Object.keys(). Also, you don't need ?.; just use headings.value. If headings is nullish Object.keys()/.values() will throw an error anyway. — InSync
– InSync, Commented Jul 28, 2023 at 14:24
Does this answer your question? Iterate through object values - javascript — InSync
– InSync, Commented Jul 28, 2023 at 14:26

Chris Barr · Accepted Answer · 2023-07-28 14:24:03Z

Now that you know each key, you just need to access the values of the object.

Alternatively, you can use Object.values() if you don't care about the keys

const headings = {
  "value":{
      "h3":[
         "Best selling products",
         "Best Corporate Laptops",
         "BEST PRICED LAPTOPS",
         "Shop By Brands"
      ],
      "h4":[
         "Lenovo Thinkpad Touchscreen Yoga X380\/i5\/8th gen\/13.3\" screen",
         "Lenovo thinkpad T440S\/core i7\/4th gen\/14\"screen"
      ],
      "h5":[
         "View All",

      ]
   }
 };

console.log("KEY/VALUE PAIRS");
for(let key of Object.keys(headings.value)){
  const val = headings.value[key];
  console.log(key, val);
}

console.log("VALUES ONLY");
for(let val of Object.values(headings.value)){
  console.log(val);
}

Collectives™ on Stack Overflow

How can I loop through arrays inside an object in JavaScript es6?

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related