For...Of Loop - Repeating an Action for Each Item in a List

What Is a For...of Loop?

In JavaScript, a for...of loop is used to iterate over the values of an iterable object, like an array.

The basic syntax is:

for (let item of items) {
  // Execute code using item
}

• item: A variable that represents the current element in the iteration.
• items: An iterable object (like an array).

How It Works

When the for...of loop is executed, it goes through the iterable one value at a time. For each iteration, the variable (e.g., item) is set to the current element of the iterable, and the loop body executes using that element.

Example: Printing Each Number

Suppose you have an array of numbers. Using a for...of loop, you can print each number without needing to use an index:

let numbers = [1, 2, 3, 4, 5];

for (let num of numbers) {
  console.log(num);
}

Explanation:
This code initializes the array numbers with five values. The for...of loop goes through each number (assigning it to the variable num) and prints it to the console.

Exercises