JavaScript for...of Loop

The JavaScript for...of loop is a modern, iteration statement introduced in ECMAScript 2015 (ES6).

• Works for iterable objects such as arrays, strings, maps, sets, and more.
• It is better choice for traversing items of iterables compared to traditional for and for in loops, especially when we have break or continue statements. If we just want to perform an operation on all items, we prefer forEach()

1. Iterating Over an Array using for...of

For iterables , the below loops are preferred.

• For of Loop if we need to put continue or break in the loop
• forEach() if we need execute something for all elements without any condition

For Objects, for in loop is better suited.

2. Iterating Over a String using for...of

3. Iterating Over a Map using for...of

4. Iterating Over a Set using for...of

5. Iterating Over an Object’s Properties using for...of

While the for...of loop is not directly used to iterate over object properties, you can use it in combination with Object.keys(), Object.values(), or Object.entries() to achieve this.

Recommended Links:

• JavaScript Tutorial
• JavaScript Examples.
• JavaScript Interesting Facts