for…in Loop in JavaScript

In the previous articles, you've studied about the types of loops in JavaScript, which are -

• for loop in JavaScript
• while loop in JavaScript
• do…while loop in JavaScript

There are few more types of loops which we'll be talking about in the upcoming articles.

Now, let's about the for…in loop in JavaScript which is a control flow statement that allows you to iterate over the properties of an object. It provides a convenient way to access each enumerable property of an object and perform operations on them.

It is particularly useful when working with objects, as it allows you to dynamically access and manipulate their properties. It iterates only over those keys of an object who have their enumerable property set to "true". The key values in an object have four attributes (value, writable, enumerable, and configurable).

Here's how the for...in loop works:

1. The variable represents a different property name on each iteration of the loop. It is a variable that gets assigned to the name of each enumerable property of the object being iterated.
2. The object is the object being iterated. It can be an array, an object literal, or any other object that has enumerable properties.
3. The code block inside the loop is executed for each property in the object. You can access the value of the current property using the object[variable] syntax.

The syntax of for…in loop in JavaScript is -

for(variable in object){
    //code
}