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.

Advertisements

About Andras Nemes
I'm a .NET/Java developer living and working in Stockholm, Sweden.

One Response to For-of loops in ES6

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

ultimatemindsettoday

A great WordPress.com site

Elliot Balynn's Blog

A directory of wonderful thoughts

Robin Sedlaczek's Blog

Developer on Microsoft Technologies

HarsH ReaLiTy

A Good Blog is Hard to Find

Softwarearchitektur in der Praxis

Wissenswertes zu Webentwicklung, Domain-Driven Design und Microservices

the software architecture

thoughts, ideas, diagrams,enterprise code, design pattern , solution designs

Technology Talks

on Microsoft technologies, Web, Android and others

Software Engineering

Web development

Disparate Opinions

Various tidbits

chsakell's Blog

Anything around ASP.NET MVC,WEB API, WCF, Entity Framework & AngularJS

Cyber Matters

Bite-size insight on Cyber Security for the not too technical.

Guru N Guns's

OneSolution To dOTnET.

Johnny Zraiby

Measuring programming progress by lines of code is like measuring aircraft building progress by weight.

%d bloggers like this: