How do I use for...of with objects in JavaScript?

How do I use for...of with objects in JavaScript?

In JavaScript, the for...of loop is primarily used for iterating over iterable objects like arrays. However, objects are not iterable by default. You can use Object.keys(), Object.values(), or Object.entries() to convert an object into an iterable format.

Can you show me an example using Object.entries()?

Sure! Here's an example:

const obj = { a: 1, b: 2, c: 3 };
for (const [key, value] of Object.entries(obj)) {
    console.log(`${key}: ${value}`);
}

This will log each key-value pair in the object.

What if I want to modify the values while iterating?

You can modify the values directly within the loop. For example:

for (const [key, value] of Object.entries(obj)) {
    obj[key] = value * 2;
}

This will double each value in the object.

Is there a way to use for...of with nested objects?

Yes, you can use recursion to handle nested objects. You would check if a value is an object and then call the function again for that value.