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.