Cara Melakukan Perulangan Objek di JavaScript

Berbeda dari array yang berisi daftar, objek menyimpan pasangan kunci-nilai seperti data seorang pengguna. Menelusurinya membutuhkan teknik khusus. Artikel ini membahas cara melakukan perulangan objek di JavaScript.

for…in

<script>
const user = { nama: "Budi", umur: 25, kota: "Solo" };
for (const kunci in user) {
    console.log(kunci + ": " + user[kunci]);
}
</script>

Object.entries() (Modern dan Direkomendasikan)

<script>
for (const [kunci, nilai] of Object.entries(user)) {
    console.log(kunci + " = " + nilai);
}
</script>

Contoh Kasus: Menampilkan Detail Data sebagai Tabel

<script>
const produk = { nama: "Kopi", harga: 20000, stok: 5 };
let html = "<table>";
for (const [label, nilai] of Object.entries(produk)) {
    html += "<tr><td>" + label + "</td><td>" + nilai + "</td></tr>";
}
html += "</table>";
document.body.innerHTML += html;
</script>

Object.keys() dan Object.values()

<script>
console.log(Object.keys(user));   // ["nama", "umur", "kota"]
console.log(Object.values(user)); // ["Budi", 25, "Solo"]
</script>

Kesimpulan

Gunakan for...in atau Object.entries() untuk menelusuri objek. Cara modern Object.entries() memudahkan mengambil kunci dan nilai sekaligus, sementara Object.keys()/Object.values() berguna bila hanya butuh salah satunya.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *