iterate over an object in Javascript?

It was throughout the preliminary days once I was studying Javascript, I at all times was once struck at some extent when Objects are concerned which is iterating over them. It additionally was once so confused at any time when I encountered an issue the place I needed to create a hashmap utilizing an empty Object.

This text offers you a transparent image about how one can and the way you can’t iterate over Objects in Javascript.

You can’t iterate over Javascript objects utilizing the common strategies like map(), forEach() or for..of loop.

Let there be an object:

const object = {
    identify: 'Rakshit',
    age: 23,
    gender: 'Male'
}

Utilizing map()

object.map(obj => {})

You’re going to get an error saying TypeError: object.map is just not a perform

Utilizing forEach()

object.forEach(obj => {})

You’ll once more arrive at an error saying TypeError: object.forEach is just not a perform

Utilizing for..of

for (const obj of objects) {}

This offers you TypeError: object not iterable

So, how precisely are you able to iterate an object in Javascript?

Listed below are among the methods you are able to do that:

One of the easiest way is to make use of for..in loop

for(const obj in object) {}

However, personally I like to iterate over an object utilizing the Object.entries() methodology. This methodology generates an array of all of the enumerable properties of the item handed into it as an argument.

Since, it returns an array you should utilize any of the strategies you utilize to iterate over an array.

Utilizing map()

Object.entries(object).map(obj => console.log(obj))

Utilizing forEach()

Object.entries(object).forEach(obj => console.log(obj))

Utilizing for..of

for (const obj of Object.entries(object)) {
  console.log(obj)
}

That is it! Eureka! With this text I’m certain you’ll always remember easy methods to iterate over Objects in Javascript.

I hope the article helps.

Attain me out on Github and LinkedIn.

Comply with me on Twitter

Have a pleasant day 🙂