The For Of Loop
The JavaScript for of statement loops through the values of an iterable object. It allows you to iterate over data structures like Arrays, Strings, Maps, NodeLists, and more.
Syntax
for (variable of iterable) { // code block to be executed}
- variable: For each iteration, the value of the next property is assigned to the variable. The variable can be declared with const, let, or var.
- iterable: An object that has iterable properties.
Browser Support
The for of loop was added to JavaScript in 2015 (ES6). It is supported in:
- Chrome 38 (Oct 2014)
- Edge 12 (Jul 2015)
- Firefox 51 (Oct 2016)
- Safari 7 (Oct 2013)
- Opera 25 (Oct 2014)
Note: for of is not supported in Internet Explorer.
Looping Over an Array
Example
const fruits = ["Apple", "Banana", "Cherry"];let result = "";for (let fruit of fruits) { result += fruit + " ";}In this example, result will be "Apple Banana Cherry ".
Looping Over a String
Example
let greeting = "Hello";let result = "";for (let char of greeting) { result += char + " ";}
In this example, result will be "H e l l o ".
The While Loop
The while loop and the do/while loop will be explained in the next chapter.
