Peta JavaScript
Peta menyimpan pasangan nilai kunci di mana kuncinya bisa berupa tipe data apa pun.
Peta mengingat urutan penyisipan kunci yang asli.
Metode Peta Esensial
metode | Keterangan |
---|---|
peta baru() | Membuat Peta baru |
mengatur() | Menetapkan nilai untuk kunci dalam Peta |
Dapatkan() | Mendapatkan nilai untuk sebuah kunci dalam sebuah Peta |
menghapus() | Menghapus elemen Peta yang ditentukan oleh kunci |
memiliki() | Mengembalikan nilai true jika ada kunci di Peta |
untuk setiap() | Memanggil fungsi untuk setiap pasangan kunci/nilai dalam Peta |
entri() | Mengembalikan iterator dengan pasangan [kunci, nilai] dalam Peta |
Properti | Keterangan |
ukuran | Mengembalikan jumlah elemen dalam Peta |
Cara Membuat Peta
Anda dapat membuat Peta JavaScript dengan:
- Melewati Array ke
new Map()
- Buat Peta dan gunakan
Map.set()
Metode Peta() baru
Anda dapat membuat Peta dengan meneruskan Array ke new Map()
konstruktor:
Contoh
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
set() Metode
Anda dapat menambahkan elemen ke Peta dengan set()
metode:
Contoh
// Create a Map
const fruits = new Map();
// Set Map Values
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
Metode set()
ini juga dapat digunakan untuk mengubah nilai Peta yang ada:
Contoh
fruits.set("apples", 200);
Metode get()
Metode get()
ini mendapatkan nilai kunci dalam Peta:
Contoh
fruits.get("apples"); // Returns 500
Ukuran Properti
Properti size
mengembalikan jumlah elemen dalam Peta:
Contoh
fruits.size;
Hapus() Metode
Metode delete()
ini menghapus elemen Peta:
Contoh
fruits.delete("apples");
Metode has()
Metode has()
mengembalikan nilai true jika ada kunci di Peta:
Contoh
fruits.has("apples");
Coba ini:
fruits.delete("apples");
fruits.has("apples");
Objek JavaScript vs Peta
Perbedaan antara Objek JavaScript dan Peta:
Obyek | Peta | |
---|---|---|
dapat diubah | Tidak dapat diubah secara langsung | Dapat diubah secara langsung |
Ukuran | Tidak memiliki properti ukuran | Memiliki properti ukuran |
Jenis Kunci | Kunci harus berupa String (atau Simbol) | Kunci dapat berupa tipe data apa pun |
Urutan Kunci | Kunci tidak tertata dengan baik | Kunci diurutkan dengan penyisipan |
Default | Memiliki kunci default | Tidak memiliki kunci default |
Metode forEach()
Metode forEach()
ini memanggil fungsi untuk setiap pasangan kunci/nilai dalam Peta:
Contoh
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
Entri() Metode
Metode entries()
mengembalikan objek iterator dengan [kunci, nilai] di Peta:
Contoh
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
Dukungan Peramban
JavaScript Maps didukung di semua browser, kecuali Internet Explorer:
Chrome | Edge | Firefox | Safari | Opera |