JavaScript-kaarte
'n Kaart bevat sleutel-waarde-pare waar die sleutels enige datatipe kan wees.
'n Kaart onthou die oorspronklike invoegvolgorde van die sleutels.
Noodsaaklike kaartmetodes
Metode | Beskrywing |
---|---|
nuwe kaart() | Skep 'n nuwe kaart |
stel() | Stel die waarde vir 'n sleutel in 'n kaart |
kry () | Kry die waarde vir 'n sleutel in 'n kaart |
delete() | Verwyder 'n kaartelement gespesifiseer deur die sleutel |
het () | Wys waar as 'n sleutel in 'n kaart bestaan |
vir elke() | Roep 'n funksie vir elke sleutel/waarde-paar in 'n kaart |
inskrywings() | Wys 'n iterator met die [sleutel, waarde]-pare in 'n kaart |
Eiendom | Beskrywing |
grootte | Wys die aantal elemente in 'n kaart |
Hoe om 'n kaart te skep
Jy kan 'n JavaScript-kaart skep deur:
- Deur 'n skikking aan
new Map()
- Skep 'n kaart en gebruik
Map.set()
Die nuwe Map() Metode
Jy kan 'n kaart skep deur 'n Array aan die new Map()
konstruktor deur te gee:
Voorbeeld
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
Die set() metode
Jy kan elemente by 'n kaart voeg met die set()
metode:
Voorbeeld
// Create a Map
const fruits = new Map();
// Set Map Values
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
Die set()
metode kan ook gebruik word om bestaande kaartwaardes te verander:
Voorbeeld
fruits.set("apples", 200);
Die get() metode
Die get()
metode kry die waarde van 'n sleutel in 'n kaart:
Voorbeeld
fruits.get("apples"); // Returns 500
Die grootte Eiendom
Die size
eienskap gee die aantal elemente in 'n kaart terug:
Voorbeeld
fruits.size;
Die delete() metode
Die delete()
metode verwyder 'n kaartelement:
Voorbeeld
fruits.delete("apples");
Die has() Metode
Die has()
metode gee waar as 'n sleutel in 'n kaart bestaan:
Voorbeeld
fruits.has("apples");
Probeer hierdie:
fruits.delete("apples");
fruits.has("apples");
JavaScript-voorwerpe vs kaarte
Verskille tussen JavaScript-voorwerpe en kaarte:
Voorwerp | Kaart | |
---|---|---|
Herhaalbaar | Nie direk herhaalbaar nie | Direk herhaalbaar |
Grootte | Het nie 'n grootte eiendom nie | Het 'n grootte eiendom |
Sleutel tipes | Sleutels moet snare (of simbole) wees | Sleutels kan enige datatipe wees |
Sleutelbestelling | Sleutels is nie goed georden nie | Sleutels word deur invoeging georden |
Verstek | Het versteksleutels | Het nie versteksleutels nie |
Die forEach()-metode
Die forEach()
metode roep 'n funksie vir elke sleutel/waarde-paar in 'n kaart:
Voorbeeld
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
Die entries() Metode
Die entries()
metode gee 'n iterator-objek terug met die [sleutel, waardes] in 'n kaart:
Voorbeeld
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
Blaaierondersteuning
JavaScript-kaarte word in alle blaaiers ondersteun, behalwe Internet Explorer:
Chrome | Edge | Firefox | Safari | Opera |