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).

