How does the for...of loop work with iterators?

Can you explain how the for...of loop works with iterators in JavaScript?

Sure! The for...of loop is used to iterate over iterable objects like arrays, strings, and maps. It works by calling the iterator's next() method to get the next value until the iterator is done.

What types of objects can I use with the for...of loop?

You can use it with any iterable object, including Arrays, Strings, Maps, Sets, and even custom objects that implement the iterable protocol.

Can you give me an example of using for...of with an array?

Absolutely! Here's a simple example:

const array = [1, 2, 3];
for (const value of array) {
    console.log(value);
}

This will log 1, 2, and 3 to the console.

What happens if I try to use for...of with an object?

If you try to use for...of with a plain object, it will throw a TypeError because objects are not iterable by default. You can convert the object to an iterable format, like using Object.keys() or Object.values().