Peta JavaScript
Peta menyimpan pasangan nilai kunci di mana kuncinya bisa berupa tipe data apa pun.
Peta mengingat urutan penyisipan kunci yang asli.
Sebuah Peta memiliki properti yang mewakili ukuran peta.
Metode Peta
| metode | Keterangan |
|---|---|
| peta baru() | Membuat objek Peta baru |
| mengatur() | Menetapkan nilai untuk kunci dalam Peta |
| Dapatkan() | Mendapatkan nilai untuk sebuah kunci dalam sebuah Peta |
| jernih() | Menghapus semua elemen dari Peta |
| menghapus() | Menghapus elemen Peta yang ditentukan oleh kunci |
| memiliki() | Mengembalikan nilai true jika ada kunci di Peta |
| untuk setiap() | Memanggil panggilan balik untuk setiap pasangan kunci/nilai dalam Peta |
| entri() | Mengembalikan objek iterator dengan pasangan [kunci, nilai] dalam Peta |
| kunci() | Mengembalikan objek iterator dengan kunci dalam Peta |
| nilai() | Mengembalikan objek iterator dari nilai-nilai dalam Peta |
| Properti | Keterangan |
|---|---|
| ukuran | Mengembalikan jumlah elemen Peta |
Cara Membuat Peta
Anda dapat membuat Peta JavaScript dengan:
- Melewati Array ke
new Map() - Buat Peta dan gunakan
Map.set()
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]
]);
peta.set()
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", 500);
peta.get()
Metode get()ini mendapatkan nilai kunci dalam Peta:
Contoh
fruits.get("apples"); // Returns 500
Ukuran peta
Properti sizemengembalikan jumlah elemen dalam Peta:
Contoh
fruits.size;
Peta.hapus()
Metode delete()ini menghapus elemen Peta:
Contoh
fruits.delete("apples");
peta.clear()
Metode clear()ini menghapus semua elemen dari Peta:
Contoh
fruits.clear();
peta.memiliki()
Metode has()mengembalikan nilai true jika ada kunci di Peta:
Contoh
fruits.has("apples");
Coba ini:
fruits.delete("apples");
fruits.has("apples");
Peta adalah Obyek
typeof mengembalikan objek:
Contoh
// Returns object:
typeof fruits;
instanceof Peta mengembalikan true:
Contoh
// Returns true:
fruits instanceof Map;
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 |
Peta.untukSetiap()
Metode forEach()ini memanggil panggilan balik untuk setiap pasangan kunci/nilai dalam Peta:
Contoh
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
Peta.keys()
Metode keys()mengembalikan objek iterator dengan kunci dalam Peta:
Contoh
// List all keys
let veggies = "";
for (const x of fruits.keys()) {
veggies += x;
}
nilai peta()
Metode valuesmengembalikan objek iterator dengan nilai dalam Peta:
Contoh
// Sum all values
let total = 0;
for (const x of fruits.values()) {
total += x;
}
Peta.entri()
Metode entries()ini mengembalikan objek iterator dengan [kunci,nilai] di Peta:
Contoh
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
Objek sebagai Kunci
Mampu menggunakan objek sebagai kunci adalah fitur Peta yang penting.
Contoh
// Create Objects
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
// Create a Map
const fruits = new Map();
// Add new Elements to the Map
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);
Ingat: Kuncinya adalah objek (apel), bukan string ("apel"):
Contoh
fruits.get("apples"); // Returns undefined
Dukungan Peramban
JavaScript Maps didukung di semua browser, kecuali Internet Explorer:
| Chrome | Edge | Firefox | Safari | Opera |