String.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 Methode [Symbol.iterator]() von String Werten implementiert das iterable Protokoll und ermöglicht es Zeichenfolgen, von den meisten Syntaxen, die Iterables erwarten, konsumiert zu werden, wie z.B. der Spread-Syntax und for...of Schleifen. Sie gibt ein Zeichenketteniterator-Objekt zurück, das die Unicode-Codepunkte des Zeichenfolgenwertes als einzelne Zeichenketten liefert.

Probieren Sie es aus

Syntax

js
string[Symbol.iterator]()

Parameter

Keine.

Rückgabewert

Ein neues iterables Iterator-Objekt, das die Unicode-Codepunkte des Zeichenfolgenwertes als einzelne Zeichenketten liefert.

Beschreibung

Zeichenfolgen werden nach Unicode-Codepunkten iteriert. Dies bedeutet, dass Graphemcluster aufgeteilt werden, aber Surrogatpaare erhalten bleiben.

js
// "Backhand Index Pointing Right: Dark Skin Tone"
[..."👉🏿"]; // ['👉', '🏿']
// splits into the basic "Backhand Index Pointing Right" emoji and
// the "Dark skin tone" emoji

// "Family: Man, Boy"
[..."👨‍👦"]; // [ '👨', '‍', '👦' ]
// splits into the "Man" and "Boy" emoji, joined by a ZWJ

Beispiele

Iteration mit der for...of Schleife

Beachten Sie, dass Sie diese Methode selten direkt aufrufen müssen. Die Existenz der Methode [Symbol.iterator]() macht Zeichenfolgen iterable, und Iterationssyntaxen wie die for...of Schleife rufen diese Methode automatisch auf, um den Iterator zum Durchlaufen zu erhalten.

js
const str = "A\uD835\uDC68B\uD835\uDC69C\uD835\uDC6A";

for (const v of str) {
  console.log(v);
}
// "A"
// "\uD835\uDC68"
// "B"
// "\uD835\uDC69"
// "C"
// "\uD835\uDC6A"

Manuelles Handrollen des Iterators

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

js
const str = "A\uD835\uDC68";

const strIter = str[Symbol.iterator]();

console.log(strIter.next().value); // "A"
console.log(strIter.next().value); // "\uD835\uDC68"

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch