How to use a for…of Loop In Javascript

To transform a JavaScript iterator into an array using a for…of loop, initialize an empty array, then iterate over the iterator with the loop, pushing each value into the array. This method is straightforward and compatible with all iterable objects.

Example: In this example we defines a generator function that yields numbers 1, 2, and 3. It creates an iterator from the generator and transforms it into an array using a loop. Finally, it logs the array.

JavaScript
function* generateNumbers() {
    yield 1;
    yield 2;
    yield 3;
}

const iterator = generateNumbers();
const array = [];
for (const value of iterator) {
    array.push(value);
}
console.log(array);

Output
[ 1, 2, 3 ]




How to transform a JavaScript iterator into an array ?

The task is to convert an iterator into an array, this can be performed by iterating each value of the iterator and storing the value in another array.

These are the following ways we can add an iterator to an array:

Table of Content

  • Using Symbol iterator Property
  • Using Array.from Method
  • Using the Spread Operator
  • Using a for…of Loop

Similar Reads

Using Symbol iterator Property

To make an iterator for an array....

Using Array.from Method

We can transform the javascript iterator into a JavaScript array by using the array.from() method....

Using the Spread Operator

We can transform the javascript iterator into a JavaScript array by using the spread operator method...

Using a for…of Loop

To transform a JavaScript iterator into an array using a for…of loop, initialize an empty array, then iterate over the iterator with the loop, pushing each value into the array. This method is straightforward and compatible with all iterable objects....

Contact Us