JavaScript-Map
- Vorherige Seite JS Set Methoden
- Nächste Seite JS Map Methoden
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
- Ein Array kann übergeben werden
new Map()
. - 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] );
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);
set()
Methode kann auch verwendet werden, um bestehende Map-Werte zu ändern:
Beispiel
fruits.set("apples", 200);
get() Methode
get()
Methode, um den Wert eines Schlüssels in einer Map zu erhalten:
Beispiel
fruits.get("apples"); // Rufe 500 zurück
Map ist ein Objekt
typeof
Rufe object zurück:
Beispiel
// Rufe object zurück: typeof fruits;
instanceof Map
Rufe true zurück:
Beispiel
// Rufe true zurück: fruits instanceof Map;
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.
- Vorherige Seite JS Set Methoden
- Nächste Seite JS Map Methoden