The For/Of Loop
The JavaScript for/of statement loops through the values of an iterable object.
It lets you loop over iterable data structures such as Arrays, Strings, Maps, NodeLists, and more:
Syntax
for (variable of iterable) {// code block to be executed
}
variable - For every iteration the value of the next property is assigned to the variable. Variable can be declared with const, let, or var.
iterable - An object that has iterable properties.
Browser Support
For/of was added to JavaScript in 2015 (ECMAScript 2015)
Safari 7 was the first browser to support for/of:
| Chrome 38 | Edge 12 | Firefox 51 | Safari 7 | Opera 25 |
| Oct 2014 | Jul 2015 | Oct 2016 | Oct 2013 | Oct 2014 |
For/of is not supported in Internet Explorer.
Looping over an Array
Example
let cars = ["BMW", "Volvo", "Mini"];
let text = "";
for (let x of cars) {
text += x + "<br>";
}
let text = "";
for (let x of cars) {
text += x + "<br>";
}
Looping over a String
Example
let language = "JavaScript";
let text = "";
for (let x of language) {
text += x + "<br>";
}
let text = "";
for (let x of language) {
text += x + "<br>";
}
Practice Excercise Practice now