What are JavaScript iterables and how do they work?

What are JavaScript iterables and how do they work?

JavaScript iterables are objects that can be iterated over, meaning you can traverse their elements. Common examples include arrays, strings, and maps. They implement the iterable protocol, which requires a method called Symbol.iterator.

Can you give me an example of an iterable in JavaScript?

Sure! An array is a classic example of an iterable. For instance, you can use a for...of loop to iterate through an array like this: const arr = [1, 2, 3]; for (const num of arr) { console.log(num); }.

What about custom iterables? How can I create one?

You can create a custom iterable by defining a Symbol.iterator method in your object. Here's a simple example: const myIterable = { *[Symbol.iterator]() { yield 1; yield 2; yield 3; } }; Now you can use it in a for...of loop!

Are there any built-in methods that work with iterables?

Yes! Methods like Array.from(), spread operator (...), and forEach() can work with iterables. They allow you to convert or manipulate iterable objects easily.