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

 A variable that represents the current element in the iteration.

 loop is executed, it goes through the iterable one value at a time. For each iteration, the variable (e.g., 

) is set to the current element of the iterable, and the loop body executes using that element.

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

 with five values. The for...of loop goes through each number (assigning it to the variable 

 and assign it an array of at least three different fruit names.

Use a for…of loop to print each fruit to the console.

index.js

index.test.js

Print Each Fruit

## 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:

```javascript
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:

```javascript
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

@exercise a25493699d20


- Luo muuttuja nimeltään **fruits** ja anna sille taulukko, jossa on vähintään kolme eri hedelmän nimeä.
- Käytä for...of-silmukkaa tulostaaksesi jokaisen hedelmän konsoliin.

Tulosta jokainen hedelmä

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

Learn programming with JavaScript, arguably the most important and versatile programming language in today's world, at least for web development.

Welcome to Hakatemia’s beginner-friendly JavaScript course, where you will learn the fundamentals of programming with JavaScript. In today’s world, JavaScript is one of the most popular and versatile programming languages—especially in web development, where it holds a unique position: no other programming language can run both in the browser and on the server. For this reason, JavaScript has become extremely popular and is used for developing user interfaces (React, Vue, Angular, Svelte, etc.), back-end systems (NodeJS/Express, HAPI, etc.), and full-stack solutions (NextJS, NuxtJS, etc.).

These JavaScript frameworks will be covered in later Hakatemia courses, but before we get there, we must first master the basics of JavaScript programming. This course is designed precisely for that purpose.

Throughout the course, you’ll learn core programming concepts such as variables, operators, conditional statements, functions, arrays, and objects. Each module is divided into small, manageable segments with plenty of practical exercises.

This course is being released as a beta—the first part of Hakatemia’s comprehensive web development curriculum—and it is the first course that uses Hakatemia’s new programming exercise environment. Please provide feedback using the button at the bottom of the page or on Discord if you encounter any issues!

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

What Is a For...of Loop?

Learn to hack — start here