DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

OBJECT MAP

Artikel ini memberikan penjelasan detail tentang Object Map di JavaScript serta bagaimana cara menggunakannya dengan contoh yang mudah dipahami.

Pengertian Object Map Javascript

(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.

Menyimpan Data dalam Object Map

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.

Mengambil Data dari Object Map

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.

Mengetahui Jumlah Elemen dalam Map

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.

Melakukan Looping pada Object Map

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.

👈🏼 Object Set
Class 👉🏼