What are iterators in JavaScript?

Can you explain what iterators are in JavaScript?

Sure! In JavaScript, an iterator is an object that allows you to traverse through a collection, like an array or a string, one element at a time.

How do I create a custom iterator?

To create a custom iterator, you need to implement the next() method in an object that returns an object with value and done properties.

Can you give me an example of a custom iterator?

Absolutely! Here's a simple example:

function createIterator(array) {
    let index = 0;
    return {
        next: function() {
            if (index < array.length) {
                return { value: array[index++], done: false };
            } else {
                return { done: true };
            }
        }
    };
}

const myIterator = createIterator([1, 2, 3]);
console.log(myIterator.next()); // { value: 1, done: false }
console.log(myIterator.next()); // { value: 2, done: false }
console.log(myIterator.next()); // { value: 3, done: false }
console.log(myIterator.next()); // { done: true }

What are the benefits of using iterators?

Iterators provide a consistent way to access elements in a collection without exposing the underlying structure, making your code cleaner and more maintainable.