Contoh JavaScript Maps

Contoh JavaScript Maps

—

by

Webbiz.ID
in

Berikut adalah contoh penggunaan JavaScript Maps dengan HTML

HTML
<!DOCTYPE html>
<html>
<head>
    <title>Contoh JavaScript Maps</title>
    <script>
        // Membuat objek Map
        var map = new Map();

        // Menambahkan elemen ke dalam Map
        map.set('nama', 'John Doe');
        map.set('umur', 25);
        map.set('pekerjaan', 'Programmer');

        // Mengakses elemen dalam Map
        var nama = map.get('nama');
        var umur = map.get('umur');
        var pekerjaan = map.get('pekerjaan');

        // Menampilkan hasil
        document.write('Nama: ' + nama + '<br>');
        document.write('Umur: ' + umur + '<br>');
        document.write('Pekerjaan: ' + pekerjaan + '<br>');
    </script>
</head>
<body>
</body>
</html>
HTML

Dalam contoh di atas, kita menggunakan objek Map dari JavaScript untuk menyimpan data. Objek Map adalah struktur data yang memetakan kunci (key) ke nilai (value). Kita dapat menambahkan elemen ke dalam Map menggunakan metode set(), dan mengakses elemen menggunakan metode get().

Pada contoh di atas, kita membuat sebuah Map dan menambahkan beberapa elemen seperti nama, umur, dan pekerjaan. Kemudian, kita mengakses elemen-elemen tersebut dan menampilkannya di dalam elemen <body> menggunakan metode document.write().

Hasilnya akan ditampilkan sebagai berikut:

HTML
Nama: John Doe
Umur: 25
Pekerjaan: Programmer
HTML

Dengan menggunakan JavaScript Maps, kita dapat dengan mudah menyimpan dan mengakses data dengan menggunakan kunci yang kita tentukan sendiri. Hal ini sangat berguna dalam pengembangan web untuk mengelola data dengan lebih efisien.

Artikel Terbaru ⭐