Contoh JavaScript For In

Contoh JavaScript For In

—

by

Webbiz.ID
in

Berikut adalah contoh penggunaan JavaScript for...in untuk mengiterasi properti-properti dari sebuah objek, dan menerapkannya dalam HTML.

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>
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:

HTML
nama: John Doe 
umur: 25 
pekerjaan: Programmer
HTML

Dengan menggunakan JavaScript for...in, kita dapat dengan mudah mengiterasi properti-properti dari sebuah objek dan menggunakannya dalam konteks HTML.

Artikel Terbaru ⭐