JavaScript Map
- Vorige Pagina JS Set Methoden
- Volgende Pagina JS Map Methoden
Map is een verzameling van sleutel-waardeparen, waarbij de sleutel elk datatype kan zijn.
Map onthoudt de oorspronkelijke volgorde van de sleutels.
Hoe Map te maken
Je kunt JavaScript Map op de volgende manier maken:
- Geef een array door aan
new Map()
. - Maak een Map en gebruik
Map.set()
.
new Map() methode
Je kunt een array doorgeven aan new Map()
Constructor om Map te maken:
Instantie
// Maak een Map const fruits = new Map([ ["apples", 500], ["bananas", 300], ["oranges", 200] ]);
set() methode
Je kunt set()
Method om elementen toe te voegen aan Map:
Instantie
// Maak een Map const fruits = new Map(); // Stel Map-waarden in fruits.set("apples", 500); fruits.set("bananas", 300); fruits.set("oranges", 200);
set()
De methode kan ook worden gebruikt om bestaande Map-waarden te wijzigen:
Instantie
fruits.set("apples", 200);
get() methode
get()
Method om de waarde van de sleutel in Map te verkrijgen:
Instantie
fruits.get("apples"); // Retourneer 500
Map is een object
typeof
Retourneer object:
Instantie
// Retourneer object: typeof fruits;
instanceof Map
Retourneer true:
Instantie
// Retourneer true: fruits instanceof Map;
Het verschil tussen JavaScript-objecten en Map
Hier is het verschil tussen JavaScript-objecten en Map:
Object | Map |
---|---|
Kan niet direct worden geïterateerd | Kan direct worden geïterateerd |
Heeft geen size-eigenschap | Heeft een size-eigenschap |
Sleutels moeten een string of Symbol zijn | Sleutels kunnen elk datatype zijn |
De volgorde van de sleutels is onduidelijk | Sleutels worden gesorteerd op insertievolgorde |
Er is een standaard sleutel | Geen standaard sleutel |
Volledige Map Referentiehandleiding
Voor een volledige referentie, bezoek onze:JavaScript Map Referentiehandleiding.
Deze handleiding bevat beschrijvingen en voorbeelden van alle Map-eigenschappen en -methoden.
Browserondersteuning
Map is Kenmerken van ES6(JavaScript 2015).
Sinds juni 2017 ondersteunen alle moderne browsers ES6:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
Mei 2016 | April 2017 | Juni 2017 | September 2016 | Juni 2016 |
Internet Explorer ondersteunt geen Map.
- Vorige Pagina JS Set Methoden
- Volgende Pagina JS Map Methoden