For-of loops in ES6

ES6 has a new iterator that behaves like for-each loops in C# or Java. In ES6 it’s called a for-of loop. For-each / for-of loops come in very handy when looping through collections.

Here’s a short example:

const names = ['John', 'Jane', 'Mary', 'Peter']

for (let name of names) {
  console.log(name)
}

Note how we declare a variable called name using the “let” keyword. In each iteration “name” will be assigned the next value in the array. The variable name is arbitrary, it doesn’t have to relate to the variable name of the collection. It’s just a convention that we take the singular form of the collection variable: names -> name, cars -> car, computers -> computer etc.

The above code snippet does exactly as expected and prints the names to the console:

John
Jane
Mary
Peter

View all posts related to JavaScript here.