DEV Community

How to loop through object - JavaScript

Mohamed Ibrahim on January 28, 2023

In this article we will learn how to loop through object. It is very common to iterate over an object in JavaScript. There is more than one way t...

Read full post

Jan Küster • Jan 28 '23

Note that there are different scopes for these loops.

for..in

The for...in statement iterates over all enumerable string properties of an object (ignoring properties keyed by symbols), including inherited enumerable properties.

Object.keys

The Object.keys() static method returns an array of a given object's own enumerable string-keyed property names.

Depending on the objects structure you may get totally different (and unexpected) results.

Mohamed Ibrahim • Jan 28 '23

Thanks for sharing, that's very helpful

Comment deleted

Mohamed Ibrahim • Jan 28 '23 • Edited

Thank you Abhay

Parth • Feb 1 '23

Nice one :) Earlier looked for some similar and easy to understood tut, but couldn't find it. Thanks

Mohamed Ibrahim • Feb 1 '23 • Edited

You're welcome :)

Ekaterine Mitagvaria • Jan 28 '23

Nice post, thank you!

Mohamed Ibrahim • Jan 28 '23

Thank you Ekaterina

Medea • Jan 28 '23

this is really helpful!

Mohamed Ibrahim • Jan 28 '23

Thank you Medea

script-neutron • Jan 29 '23

Using entries seems a hustle 😅

dserv-nh • Jan 31 '23

It's really not if you just need the key/value pairs. See the MDN Example

const object1 = {
  a: 'somestring',
  b: 42
};

for (const [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

// Expected output:
// "a: somestring"
// "b: 42"