JavaScript Map

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:

  1. Geef een array door aan new Map().
  2. 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]
]);

Probeer het zelf

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);

Probeer het zelf

set() De methode kan ook worden gebruikt om bestaande Map-waarden te wijzigen:

Instantie

fruits.set("apples", 200);

Probeer het zelf

get() methode

get() Method om de waarde van de sleutel in Map te verkrijgen:

Instantie

fruits.get("apples");    // Retourneer 500

Probeer het zelf

Map is een object

typeof Retourneer object:

Instantie

// Retourneer object:
typeof fruits;

Probeer het zelf

instanceof Map Retourneer true:

Instantie

// Retourneer true:
fruits instanceof Map;

Probeer het zelf

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.