How to loop over properties in objects in JavaScript?
Published June 20, 2020
Looping over properties and methods can be achieved by combining for...of
expression and Object.entries()
method.
Let's say you have an object John
with properties name
and age
.
const John = {
name: "John Doe",
age: 23,
};
Now let's loop over this object.
First, let's convert our object into an array using the Object.entries()
method.
const John = {
name: "John Doe",
age: 23,
};
// convert object into an array
const arr = Object.entries(John);
The arr
variable now contains the key and value as an inner array in its index positions as shown below.
[
["name", "John Doe"],
["age", 23],
];
Now you can loop over the array using the for...of
expression.
const John = {
name: "John Doe",
age: 23,
};
// convert object into an array
const arr = Object.entries(John);
// loop over array
for (let [key, value] of arr) {
console.log(key, ":", value);
}
You can use the array destructuring to get the value when looping over the array.