Berikut adalah contoh penggunaan JavaScript Maps dengan 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>
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:
Nama: John Doe
Umur: 25
Pekerjaan: ProgrammerDengan 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.
Leave a Reply