const iterable = [0, 1, 2];
for (let i of iterable) {
    console.log(i);
}

Expected output:

0 1 2

The advantages from the for…of loop are:

• This is the most concise, direct syntax yet for looping through array elements
• It avoids all the pitfalls of for…in
• Unlike forEach(), it works with break, continue, and return

Support of for…of in other collections

Strings

for…of will treat a string as a sequence of Unicode characters:

const string = "abc";
for (let chr of string) {
  console.log(chr);
}

Expected output:

a b c

Sets

for…of works on Set objects.

Note:

• A Set object will eliminate duplicates.
• Please check this reference for Set() browser support.

const names = ['bob', 'alejandro', 'zandra', 'anna', 'bob'];

const uniqueNames = new Set(names);

for (let name of uniqueNames) {
  console.log(name);
}

Expected output: