JavaScript-Map

Map ist eine Sammlung von Schlüssel-Wert-Paaren, bei denen der Schlüssel jeder Datenart sein kann.

Map merkt sich die ursprüngliche Einfüge-Reihenfolge der Schlüssel.

Wie erstellt man Map

Wie erstellt man Map

  1. Ein Array kann übergeben werden new Map().
  2. Erstelle eine Map und verwende Map.set().

new Map() Methode

Durch Übergeben eines Arrays an new Map() Konstruktor, um Map zu erstellen:

Beispiel

// Erstelle eine Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
);

Versuchen Sie es selbst

set() Methode

Kann verwendet werden set() Methode, um Elemente zu einer Map hinzuzufügen:

Beispiel

// Erstelle eine Map
const fruits = new Map();
// Setze Map-Wert
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

Versuchen Sie es selbst

set() Methode kann auch verwendet werden, um bestehende Map-Werte zu ändern:

Beispiel

fruits.set("apples", 200);

Versuchen Sie es selbst

get() Methode

get() Methode, um den Wert eines Schlüssels in einer Map zu erhalten:

Beispiel

fruits.get("apples");    // Rufe 500 zurück

Versuchen Sie es selbst

Map ist ein Objekt

typeof Rufe object zurück:

Beispiel

// Rufe object zurück:
typeof fruits;

Versuchen Sie es selbst

instanceof Map Rufe true zurück:

Beispiel

// Rufe true zurück:
fruits instanceof Map;

Versuchen Sie es selbst

Unterschiede zwischen JavaScript-Objekten und Map

Hier sind die Unterschiede zwischen JavaScript-Objekten und Map:

Objekt Map
Kann nicht direkt iteriert werden Kann direkt iteriert werden
Keine size-Eigenschaft Haben size-Eigenschaft
Schlüssel müssen Zeichenfolgen oder Symbol sein Schlüssel können jeden Datentyp sein
Reihenfolge der Schlüssel ist nicht klar Schlüssel werden nach Einfüge-Reihenfolge sortiert
Standard-Schlüssel vorhanden Keine Standard-Schlüssel

Vollständiges Map-Referenzhandbuch

Für eine vollständige Referenz besuchen Sie bitte unsere:JavaScript Map-Referenzhandbuch.

Dieses Handbuch enthält alle Beschreibungen und Beispiele der Map-Attribute und -Methoden.

Browser-Unterstützung

Map ist Eigenschaften von ES6(JavaScript 2015).

Seit Juni 2017 unterstützen alle modernen Browser ES6:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
Mai 2016 April 2017 Juni 2017 September 2016 Juni 2016

Internet Explorer unterstützt Map nicht.