3 Types of for Loops in JavaScript
zain ul abdin

zain ul abdin @zain725342

About: Frontend Developer | AI Enthusiast

Joined:
May 4, 2024

3 Types of for Loops in JavaScript

Publish Date: Aug 21 '24
3 2

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"
}
Enter fullscreen mode Exit fullscreen mode

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);

}
Enter fullscreen mode Exit fullscreen mode

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));
Enter fullscreen mode Exit fullscreen mode

Which of these is your favorite?

Comments 2 total

  • John
    JohnAug 21, 2024

    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?

Add comment