JavaScript For Of
Posted: Fri Oct 27, 2023 9:07 am
JavaScript For Of
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 (ES6)
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
const cars = ["BMW", "Volvo", "Mini"];
let text = "";
for (let x of cars) {
text += x;
}
Try it Yourself »
Looping over a String
Example
let language = "JavaScript";
let text = "";
for (let x of language) {
text += x;
}
Try it Yourself »
The While Loop
The while loop and the do/while loop are explained in the next chapter.
★
+1
Reference: https://www.w3schools.com/js/js_loop_forof.asp
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 (ES6)
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
const cars = ["BMW", "Volvo", "Mini"];
let text = "";
for (let x of cars) {
text += x;
}
Try it Yourself »
Looping over a String
Example
let language = "JavaScript";
let text = "";
for (let x of language) {
text += x;
}
Try it Yourself »
The While Loop
The while loop and the do/while loop are explained in the next chapter.
★
+1
Reference: https://www.w3schools.com/js/js_loop_forof.asp