Map.prototype[Symbol.iterator]()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die [Symbol.iterator]()-Methode von Map Instanzen implementiert das iterable protocol und ermöglicht es Map-Objekten, von den meisten Syntaxen, die Iterables erwarten, wie dem Spread-Syntax und for...of Schleifen verwendet zu werden. Sie gibt ein Map-Iterator-Objekt zurück, das die Schlüssel-Wert-Paare der Map in der Einfügereihenfolge liefert.

Der Anfangswert dieser Eigenschaft ist dasselbe Funktionsobjekt wie der Anfangswert der Map.prototype.entries-Eigenschaft.

Probieren Sie es aus

Syntax

js
map[Symbol.iterator]()

Parameter

Keine.

Rückgabewert

Der gleiche Rückgabewert wie Map.prototype.entries(): ein neues iterables Iterator-Objekt, das die Schlüssel-Wert-Paare der Map liefert.

Beispiele

Iteration mit einer for...of Schleife

Beachten Sie, dass Sie diese Methode selten direkt aufrufen müssen. Die Existenz der [Symbol.iterator]()-Methode macht Map-Objekte iterabel, und iterierende Syntaxen wie die for...of Schleife rufen diese Methode automatisch auf, um den Iterator zu erhalten, über den sie iterieren möchten.

js
const myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");

for (const entry of myMap) {
  console.log(entry);
}
// ["0", "foo"]
// [1, "bar"]
// [{}, "baz"]

for (const [key, value] of myMap) {
  console.log(`${key}: ${value}`);
}
// 0: foo
// 1: bar
// [Object]: baz

Manuelles Erstellen des Iterators

Sie können dennoch die next()-Methode des zurückgegebenen Iterator-Objekts manuell aufrufen, um maximale Kontrolle über den Iterationsprozess zu erlangen.

js
const myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");

const mapIter = myMap[Symbol.iterator]();

console.log(mapIter.next().value); // ["0", "foo"]
console.log(mapIter.next().value); // [1, "bar"]
console.log(mapIter.next().value); // [Object, "baz"]

Spezifikationen

Specification
ECMAScript Language Specification
# sec-map.prototype-%symbol.iterator%

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch