Berikut adalah contoh penggunaan JavaScript for...in untuk mengiterasi properti-properti dari sebuah objek, dan menerapkannya dalam HTML.
<!DOCTYPE html>
<html>
<head>
<title>Contoh JavaScript For In</title>
<script>
var objek = {
nama: "John Doe",
umur: 25,
pekerjaan: "Programmer"
};
var hasil = "";
for (var properti in objek) {
hasil += properti + ": " + objek[properti] + "<br>";
}
document.getElementById("hasil").innerHTML = hasil;
</script>
</head>
<body>
<h1>Contoh JavaScript For In</h1>
<div id="hasil"></div>
</body>
</html>Dalam contoh di atas, kita memiliki sebuah objek dengan beberapa properti seperti nama, umur, dan pekerjaan. Kita menggunakan for...in untuk mengiterasi setiap properti dalam objek tersebut.
Setiap properti diambil menggunakan variabel properti, dan nilai dari properti tersebut diakses menggunakan objek[properti]. Kemudian, kita menggabungkan properti dan nilainya ke dalam variabel hasil dengan format yang diinginkan.
Terakhir, kita menampilkan hasilnya dalam elemen dengan id “hasil” menggunakan document.getElementById("hasil").innerHTML.
Hasilnya akan ditampilkan dalam format:
nama: John Doe
umur: 25
pekerjaan: ProgrammerDengan menggunakan JavaScript for...in, kita dapat dengan mudah mengiterasi properti-properti dari sebuah objek dan menggunakannya dalam konteks HTML.
Leave a Reply