What is the difference between iterators and iterables in JavaScript?

What is the difference between iterators and iterables in JavaScript?

In JavaScript, an iterable is an object that can be iterated over, like arrays or strings. An iterator, on the other hand, is an object that provides a way to access the elements of an iterable one at a time.

Can you give me an example of an iterable and an iterator?

Sure! An array is an iterable. You can use the Symbol.iterator method to get its iterator. For example, const arr = [1, 2, 3]; const iterator = arr[Symbol.iterator]();.

How do I use the iterator to access elements?

You can use the next() method on the iterator. For example, iterator.next() will return the first element and a boolean indicating if there are more elements.

What happens when there are no more elements to iterate?

When there are no more elements, next() will return an object with value: undefined and done: true.