Cara Membuat Perulangan pada Objek JavaScript

Pada bahasa pemrograman JavaScript, kalian tidak dapat membuat perulangan pada Objek hanya bermodalkan metode forEach, for..of, dan map.

Oleh karena itu, ada cara khusus untuk membuat perulangan pada Objek JavaScript yang akan dijelaskan dalam panduan ini.

Object.keys()

Object.keys() merupakan metode statis yang mengembalikan array yang terdiri atas property dari suatu objek.

Misalnya dengan for..of.

const user = {
  name: 'Budi',
  gender: 'male',
  age: 23,
};

for (const property of Object.keys(user)) {
  console.log(property);
}
// name
// gender
// age

Misalnya dengan forEach.

const user = {
  name: 'Budi',
  gender: 'male',
  age: 23,
};

Object.keys(user).forEach((property) => {
  console.log(property);
});
// name
// gender
// age

Object.values()

Object.values() merupakan metode statis yang mengembalikan array yang terdiri atas value dari suatu objek.

Misalnya.

const user = {
  name: 'Budi',
  gender: 'male',
  age: 23,
};

for (const value of Object.values(user)) {
  console.log(value);
}
// Budi
// male
// 23

Object.entries()

Object.entries() merupakan metode statis yang mengembalikan array yang terdiri atas array yang mengandung property dan value dari suatu objek.

Misalnya.

const user = {
  name: 'Budi',
  gender: 'male',
  age: 23,
};

for (const [property, value] of Object.entries(user)) {
  console.log(property, value);
}
// name Budi
// gender male
// age 23