DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Artikel ini memberikan penjelasan detail tentang Object Map di JavaScript serta bagaimana cara menggunakannya dengan contoh yang mudah dipahami.
(Map) adalah jenis data koleksi di JavaScript yang memungkinkan kamu untuk menyimpan pasangan nilai kunci dengan cara yang lebih mudah dan efisien. Masing-masing elemen dalam Map disimpan sebagai pasangan key/value (kunci/nilai).
Berbeda dengan jenis object lainnya, urutan elemen dalam Map tidak berubah meskipun kamu menambahkan atau menghapus elemen di dalamnya. Ini memudahkan kamu untuk mengakses data dengan urutan tersebut.
Untuk menyimpan data dalam object map, kamu dapat menggunakan method set()
. Method ini membutuhkan dua argumen: key dan value. Berikut adalah contoh penggunaannya:
let mahasiswa = new Map();
mahasiswa.set('nama', 'Budi');
mahasiswa.set('nim', '10101010');
Pada contoh di atas, kita membuat object map mahasiswa
dan menambahkan dua pasangan nilai kunci: nama
dan nim
.
Untuk mengambil data dari object map, kamu dapat menggunakan method get()
. Method ini membutuhkan satu argumen yaitu kunci dari nilai yang ingin diambil. Berikut adalah contohnya:
let namaMahasiswa = mahasiswa.get('nama');
console.log(namaMahasiswa); // Output: Budi
Pada kode di atas, kita mengambil nilai nama
dari object map mahasiswa
dan mencetaknya ke dalam console.
Kamu dapat mengetahui berapa banyak elemen yang ada dalam object map dengan menggunakan property size
. Berikut ini contoh penggunaannya:
console.log(mahasiswa.size); // Output: 2
Pada contoh di atas, kita mencetak jumlah elemen dalam object map mahasiswa
.
Terdapat beberapa cara untuk melakukan loop pada object map, salah satunya adalah dengan menggunakan method forEach
. Berikut ini adalah contoh penggunaannya:
mahasiswa.forEach((value, key) => {
console.log(`${key}: ${value}`);
});
Pada contoh kode di atas, kita menggunakan arrow function untuk mencetak setiap pasangan nilai kunci dalam object map.
Dengan memahami bagaimana cara kerja dan penggunaan object map di Javascript, kamu bisa lebih efektif dan efisien dalam menangani kasus data yang membutuhkan struktur data kunci dan nilai.