Einführung in die Verwendung von Map in ES6 (Codebeispiel)

Dieser Artikel bietet Ihnen eine Einführung in die Verwendung von Map in ES6 (Codebeispiele). Ich hoffe, er wird Ihnen als Referenz dienen.

Übersicht

Karte ist auch eine neue Datenstruktur, die tatsächlich häufig in js verwendet wird. In der Kastanie unten verwenden wir beispielsweise häufig ein Objekt auf diese Weise Es ist ein Objekt, es ähnelt eigentlich eher einer Karte, aber im Vergleich zu einer echten Karte ist dieses immer noch etwas schwach

let color={
    "red":"#FF0000",
    "green":"#00FF00",
    "blue":"#0000FFF"
}
color['red']

Initialisierung

new Map([iterable])

Das Initialisieren einer Karte hat einen optionalen Parameter , das ein iterierbares Objekt sein muss. Zu den iterierbaren Objekten gehören String, Array, Array-ähnliche Objekte (Argumente, NodeList), typisierte Arrays, Set, Map und benutzerdefinierte iterierbare Objekte.

Array

new Map([[1,2],[3,4]]) // Map(2) {1 => 2, 3 => 4}

Hinzufügen

Im Vergleich zum Objekt als Karte kann der Schlüssel der Karte ein beliebiger Wert sein, sogar NaN

var myMap = new Map();
var keyObj = {},
    keyFunc = function () {},
    keyString = "a string";
// 添加键
myMap.set(keyString, "和键'a string'关联的值");
myMap.set(keyObj, "和键keyObj关联的值");
myMap.set(keyFunc, "和键keyFunc关联的值");

GetMapThe Größe von

myMap.size    // 3

erhält

myMap.get(keyString)   // "和键'a string'关联的值"
myMap.get(keyObj)     // "和键keyObj关联的值"
myMap.get(keyFunc)      // "和键keyFunc关联的值"

ob es enthält

myMap.has(keyString)  // true
myMap.has('1')  // false

löschen

myMap.delete(keyString)  // true
myMap.delete('')  // false

Traversen

myMap.forEach(m=>{console.log(m)})
// 和键'a string'关联的值
//  和键keyObj关联的值
//  和键keyFunc关联的值

ruft den Iterator ab

let entries=myMap.entries()
entries.next().value // 和键'a string'关联的值
entries.next().value//  和键keyObj关联的值
entries.next().value//   和键keyFunc关联的值

Schlüsseliterator abrufen

let keys=myMap.keys()
keys.next().value //  "a string"
keys.next().value//  function () {}
keys.next().value//   {}

Wertiterator abrufen

let values=myMap.values()
values.next().value // 和键'a string'关联的值
values.next().value//  和键keyObj关联的值
values.next().value//   和键keyFunc关联的值

Löschen

mySet.clear()

Das obige ist der detaillierte Inhalt vonEinführung in die Verwendung von Map in ES6 (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!