Panduan Referensi Map JavaScript

Map adalah struktur data penampung pasangan kunci nilai, di mana kunci dapat berupa tipe data apapun.

Map akan mengingat urutan asli penambahan kunci.

Metode dan properti Map

Metode/Properti Deskripsi
new Map() Buat objek Map baru.
clear() Menghapus semua elemen di Map.
delete() Menghapus elemen Map dengan penggunaan kunci.
entries() Mengembalikan objek iterator yang mengandung pasangan [kunci, nilai] di Map.
forEach() Panggil fungsi callback untuk setiap pasangan kunci/nilai di Map.
get() Mengambil nilai kunci tertentu di Map.
groupBy() Mengelompokkan elemen objek berdasarkan nilai kembalian fungsi callback.
has() Kembalikan true jika ada kunci di Map.
keys() Mengembalikan objek iterator yang mengandung kunci Map.
set() Menetapkan nilai untuk kunci tertentu di Map.
size Mengembalikan jumlah elemen Map.
values() Mengembalikan objek iterator yang mengandung nilai Map.

Contoh

Contoh 1

// Membuat Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

Coba Sendiri

Contoh 2

Anda dapat menggunakan set() Metode untuk menambahkan elemen ke Map:

// Membuat Map
const fruits = new Map();
// Menetapkan nilai Map
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

Coba Sendiri

Contoh 3

Anda dapat menggunakan get() Metode untuk mendapatkan elemen dari Map:

// Mendapatkan nilai "apples"
let value = fruits.get("apples");
JavaScript Objects vs Maps

Coba Sendiri

Perbedaan antara Objek JavaScript dan Map

Perbedaan antara Objek JavaScript dan Map:

Objek Map
Tidak dapat diekstrak langsung Dapat diekstrak langsung
Tidak ada atribut size Ada atribut size
Kunci harus berupa string (atau simbol) Kunci dapat berupa apapun tipe data
Urutan kunci tidak jelas Kunci diurutkan berdasarkan urutan penambahan
Ada kunci default Tidak ada kunci default