What are iterable objects in JavaScript?

What are iterable objects in JavaScript?

Iterable objects are objects that can be iterated over, meaning you can traverse their elements one by one. Examples include arrays, strings, and maps.

How do I create my own iterable object?

You can create your own iterable object by implementing the Symbol.iterator method, which should return an iterator object.

Can you show me an example of a custom iterable?

Sure! Here's a simple example:

class MyIterable {
    constructor() {
        this.items = [1, 2, 3];
    }
    [Symbol.iterator]() {
        let index = 0;
        return {
            next: () => {
                if (index < this.items.length) {
                    return { value: this.items[index++], done: false };
                } else {
                    return { done: true };
                }
            }
        };
    }
}

const iterable = new MyIterable();
for (const item of iterable) {
    console.log(item);
}

What is the difference between iterable and iterator?

An iterable is an object that has a Symbol.iterator method, while an iterator is an object that has a next method to access the elements of the iterable.