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