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 September 2015.

Die [Symbol.iterator]() Methode für String-Werte implementiert das iterable Protokoll und erlaubt es, dass Strings von den meisten Syntaxen, die Iterables erwarten, wie der Spread-Syntax und for...of-Schleifen, genutzt werden. Sie gibt ein String-Iterator-Objekt zurück, das die Unicode-Codepunkte des String-Werts als individuelle Strings ausgibt.

Probieren Sie es aus

const str = "The quick red fox jumped over the lazy dog's back.";

const iterator = str[Symbol.iterator]();
let theChar = iterator.next();

while (!theChar.done && theChar.value !== " ") {
  console.log(theChar.value);
  theChar = iterator.next();
  // Expected output: "T"
  //                  "h"
  //                  "e"
}

Syntax

js
string[Symbol.iterator]()

Parameter

Keine.

Rückgabewert

Ein neues iterierbares Iterator-Objekt, das die Unicode-Codepunkte des String-Werts als individuelle Strings ausgibt.

Beschreibung

Strings werden nach Unicode-Codepunkten durchlaufen. Das bedeutet, dass Graphem-Cluster getrennt, aber Ersatzzeichenpaare beibehalten werden.

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 einer for...of Schleife

Beachten Sie, dass Sie diese Methode selten direkt aufrufen müssen. Die Existenz der [Symbol.iterator]()-Methode macht Strings iterierbar, und iterierende Syntaxen wie die for...of Schleife rufen diese Methode automatisch auf, um den Iterator für das 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 Erstellen des Iterators

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

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® 2026 Language Specification
# sec-string.prototype-%symbol.iterator%

Browser-Kompatibilität

Siehe auch