Zusammenfassung gängiger Map-Methoden

Map ist eine neue Datenstruktur in ES6. Sie wird zusammen mit Set hinzugefügt. Tatsächlich sind die Funktionen ähnlich. Der folgende Artikel fasst hauptsächlich die gängigen Methoden von Map in ES6-Lernprogrammen zusammen. Der Artikel stellt sie ausführlich anhand von Beispielcode vor. Lassen Sie uns gemeinsam einen Blick darauf werfen.

Vorwort

ES6 enthält viele neue Sprachfunktionen, die JS leistungsfähiger und ausdrucksvoller machen. Dieser Artikel gibt Ihnen eine detaillierte Einführung in die gängigen Methoden von Map in ES6. Schauen wir uns ohne weiteres die detaillierte Einführung an:

1. Konvertieren Sie die Map-Struktur in eine Array-Struktur

Eine schnellere Möglichkeit ist die Kombination des Spread-Operators (...)

let map = new Map([
 [1, 'one'],
 [2, 'two'],
 [3, 'three'],
]);
[...map.keys()]
// [1, 2, 3]
[...map.values()]
// ['one', 'two', 'three']
[...map.entries()]
// [[1,'one'], [2, 'two'], [3, 'three']]
[...map]
// [[1,'one'], [2, 'two'], [3, 'three']]

2.Map-Schleifendurchlauf

Map bietet nativ drei Durchlaufer:

• keys(): Gibt den Durchlauf des Schlüssels zurück benennt Gerät.

• values(): Gibt einen Traverser von Schlüsselwerten zurück.

• entries(): Gibt einen Traverser aller Mitglieder zurück.

Im Folgenden finden Sie Anwendungsbeispiele.

let map = new Map([
 ['F', 'no'],
 ['T', 'yes'],
]);

for (let key of map.keys()) {
 console.log(key);
}
// "F"
// "T"

for (let value of map.values()) {
 console.log(value);
}
// "no"
// "yes"

for (let item of map.entries()) {
 console.log(item[0], item[1]);
}
// "F" "no"
// "T" "yes"

// 或者
for (let [key, value] of map.entries()) {
 console.log(key, value);
}

// 等同于使用map.entries()
for (let [key, value] of map) {
 console.log(key, value);
}

Das letzte Beispiel des obigen Codes stellt die Standard-Iteratorschnittstelle (Symbol.iterator-Attribut) der Map-Struktur dar, bei der es sich um die Einträge-Methode handelt.

map[Symbol.iterator] === map.entries // true

3.Karte Holen Sie sich die Länge

map.size;

4.Map Holen Sie sich das erste Element

const m = new Map();
m.set('key1', {})
m.set('keyN', {})

console.log(m.entries().next().value); // [ 'key1', {} ]

Holen Sie sich das erste Elementschlüssel

console.log(m.keys().next().value); // key1

Den ersten Wert abrufen

console.log(m.values().next().value); // {}

Das obige ist der detaillierte Inhalt vonZusammenfassung gängiger Map-Methoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!