JavaScript For Of

❮ Previous Next ❯

The For Of Loop

The JavaScript for of statement goes through the values of an iterable object.

The JavaScript for of statement allows you to go through different types of data structures like Arrays, Strings, Maps, NodeLists and others.

Syntax

for (variable of iterable) {
// code block to be executed
}

Variable - In each iteration, the variable takes on the value of the next property. You can declare the variable using const, let or var.

iterable - An object that has iterable properties.

Looping over an Array

Looping over a String

The While Loop

The upcoming chapter will explain the while loop and the do/while loop.

<!DOCTYPE html>
<html>
  <body>
    <h2>JavaScript For Of Loop</h2>
    <p>The for of statement goes through all the values of an object that can be looped through.</p>
    <p id="demo"></p>
    <script>
      const cars = ["BMW", "Volvo", "Mini"];
      let text = "";
      for (let x of cars) {
        text += x + " <br> ";
      }
      document.getElementById("demo").innerHTML = text;
    </script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <body>
    <h2>JavaScript For Of Loop</h2>
    <p>The for of statement goes through each value of a thing that you can loop over.</p>
    <p id="demo"></p>
    <script>
      let language = "JavaScript";
      let text = "";
      for (let x of language) {
        text += x + " <br> ";
      }
      document.getElementById("demo").innerHTML = text;
    </script>
  </body>
</html>

❮ Previous Next ❯

JavaScript Tutorial

JS Math

JS Versions

JS Objects

JS Functions

JS Classes

JS Async

JS HTML DOM

JS Browser BOM

JS Web APIs

JS AJAX

JS JSON

JS vs jQuery