JavaScript for in loop

max24816

Max

Posted on April 22, 2023

JavaScript for in loop

In JavaScript, for...in loop is similar to for loop to iterate over an objects or array elements. The loop allows you to perform an action on each property of an object or element of an array.

Syntax of the Javascript For In Loop

for(var property in object)  
{  
    // code to be executed  
}
Enter fullscreen mode Exit fullscreen mode

Here, property is a string variable representing the property key, and object is the object to be iterated over.

Iterating Over an Object Example

const numbers = {
    "one": 1,
    "two": 2,
    "three": 3,
    "four": 4,
    "five": 5
}

for (let num in numbers) {
  console.log(`${num}: ${numbers[num]}`);
}
Enter fullscreen mode Exit fullscreen mode

Output:

one: 1
two: 2
three: 3
four: 4
five: 5
Enter fullscreen mode Exit fullscreen mode

Iterating Over an Array Example

const numbers = [1, 2, 3, 4, 5]; 
for (let index in numbers) {
    console.log(`Index: ${index} Value: ${numbers[index]}`); 
}
Enter fullscreen mode Exit fullscreen mode

Output:

Index: 0 Value: 1
Index: 1 Value: 2
Index: 2 Value: 3
Index: 3 Value: 4
Index: 4 Value: 5
Enter fullscreen mode Exit fullscreen mode

Learn Javascript Tutorial

💖 💪 🙅 🚩
max24816
Max

Posted on April 22, 2023

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

JavaScript for of loop tutorial
javascript JavaScript for of loop tutorial

April 29, 2023

JavaScript for loop
javascript JavaScript for loop

April 10, 2023

JavaScript for in loop
javascript JavaScript for in loop

April 22, 2023