JavaScript for of Loop

Written by Swapnil RajaPublished 24 Aug 2026

The JavaScript for of loop is used to loop through the values of an array, a string, and other collections.

The for of loop gives you one value at a time.

You do not need an index or a counter, which makes it shorter and easier to read than a normal for loop.

Example

javascript

let fruits = ["Apple", "Banana", "Mango"];

for (let fruit of fruits) {
  console.log(fruit);
}

In this example, the loop prints each fruit name.

The output is Apple, Banana and Mango.

PreviousJavaScript for in Loop NextJavaScript Nested Loops

Complete Example

html

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript for of Loop</title>
</head>
<body>

  <h1>JavaScript for of Loop</h1>

  <p id="result"></p>

  <script>
    let fruits = ["Apple", "Banana", "Mango", "Orange"];

    let result = "";

    for (let fruit of fruits) {
      result += fruit + "<br>";
    }

    document.getElementById("result").innerHTML = result;
  </script>

</body>
</html>

JavaScript for of Loop

Example

What is the for of Loop?

Syntax

for of with Arrays

Example

for of with Strings

Example

Getting the Index with entries

Example

for of with break and continue

Example

for of with a Set

Example

for of with a Map

Example

for of vs for in

Example

Complete Example

Try It Yourself

Important Points

Conclusion