5 Ways to iterate through an object in JavaScript

In this post we will explore all the ways we can iterate through an object {} in JavaScript.

Different ways to iterate a JS object

const user = { name: "Dexter", age: 20, city: "Miami" };

//"for..in" "name" "Dexter"
// Use Object.hasOwnProperty to avoid inherited properties:
for (const key in user) {
  if (user.hasOwnProperty(key)) {
    console.log("for..in", key, user[key]);
  }
}

// Preferred Modern Methods
const keys = Object.keys(user);
console.log("keys", keys); // ["name", "age", "city"]
// "Object.keys" "name" "Dexter"
keys.forEach((key) => console.log("Object.keys", key, user[key]));

const values = Object.values(user);
console.log("values", values); // ["Dexter", 20, "Miami"]
// "Object.values" "Dexter"
values.forEach((value) => console.log("Object.values", value));

const entries = Object.entries(user);
console.log("entries", entries);
// [
//   ["name", "Dexter"],
//   ["age", 20],
//   ["city", "Miami"]
// ];
// "entries forEach" "name" "Dexter"
entries.forEach(([key, value]) => console.log("entries forEach", key, value));
// "entries for...of" "name" "Dexter"
for (const [key, value] of entries) {
  console.log("entries for...of", key, value);
}Code language: JavaScript (javascript)

Back to Top