JavaScript for...of Loop

Iterate (loop) over the values of an array:

let text = "";
const cars = ['BMW', 'Volvo', 'Mini'];
for (let x of cars) {
text += x + " ";
}

Iterate (loop) over the values of a string:

let text = "JavaScript";
for (let x of text) {
text += x + " ";
}

Definition and Usage

The for...of statements combo iterates (loops) over the values of any iterable.

The code block inside the loop is executed once for each value.

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

Parameter	Description
x	Required. For every iteration the value of the next property is assigned to x.
iterable	Required. Anything that has iterable properties.

Statement	Description
break	Breaks out of a loop
continue	Skips a value in a loop
while	Loops a code block while a condition is true
do...while	Loops a code block once, and then while a condition is true
for	Loops a code block while a condition is true
for...of	Loops the values of any iterable
for...in	Loops the properties of an object

for..of is an ECMAScript6 (ES6) feature.

ES6 (JavaScript 2015) is supported in all modern browsers:


Chrome	Edge	Firefox	Safari	Opera
Yes	Yes	Yes	Yes	Yes

for..of is not supported in Internet Explorer 11 (or earlier).