How do I use the for...of loop with iterators in JavaScript?

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

Sure! The for...of loop is used to iterate over iterable objects like arrays, strings, and more. It allows you to access each element directly.

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

Absolutely! Here's a simple example:

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

This will log each number in the array to the console.

What about using it with a custom iterator?

Great question! You can use for...of with any object that implements the iterable protocol. Here's an example:

const myIterator = {
    [Symbol.iterator]() {
        let count = 0;
        return {
            next() {
                if (count < 3) {
                    return { value: count++, done: false };
                }
                return { done: true };
            }
        };
    }
};

for (const value of myIterator) {
    console.log(value);
}

This will log 0, 1, and 2.