What is the difference between iterable and iterator in JavaScript?

What is the difference between iterable and iterator 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 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, which allows you to access each element using the next() method.

How do I create my own iterable and iterator?

To create your own iterable, you need to implement the Symbol.iterator method. For the iterator, you need to return an object with a next() method that returns the next value and a done property.

What are some common use cases for iterators?

Common use cases for iterators include custom data structures, lazy evaluation, and working with large datasets where you want to process items one at a time.