3 Types of for Loops in JavaScript

We all know and love the classic for loop, but did you know that JavaScript has a few other powerful for loop options up its sleeve?

1) for/in: This one is very useful to iterate over the keys of an object and manipulating object properties.

Example:

const obj = {name: "JavaScript", type: "Language"};
for (let key in obj) {
    console.log(key); // outputs "name" and "type"
}

2) for/of: This one is optimal when your focus is on the values rather than the keys or indices of iterable objects, such as arrays or strings.

Example:

const arr = ["JavaScript", "is", "versatile"];

for (let value of arr) {

  console.log(value);

}

3) forEach: This one is a gem, as it offers convenience and readability, helping you iterate over arrays with minimal syntax, so you can focus on the logic within the loop rather than the iteration process itself.

Example:

const arr = ["JavaScript", "is", "versatile"];

arr.forEach(value => console.log(value));

Which of these is your favorite?

Comments

[John]

I’m all about that forEach loop. It’s clean, easy to read, and you don’t have to worry about messing up the index or anything. Plus, it just feels more modern and JavaScript-y, you know?

[Александр Чембулатов]

Try to process async function inside foreach )). You will be surprised.