DEV Community

Max
Max

Posted on

JavaScript for in loop

#javascript #programming #tutorial #codenewbie

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

Top comments (0)

Read next

viksingh profile image

7 Best Java IDEs for Developers

Vikas Singh -

szabgab profile image

Rust Source Code Reading: The thousands crate

Gabor Szabo -

vladislav_v_75b0533bb1e3 profile image

WebAssembly + JavaScript: Building a Real-Time Image Processing Tool

Vladislav V. -

ianbrumby profile image

Finally got some time to play with the new JSONata and Variables support for Step Functions, and I have to say, it is massive improvement. Check out my latest blog post, where I walk through a simple example of how easy it is to handle pagination now

Ian -