Iteratoren und Generatoren

Was for...of durchlaufen kann, nennt man iterierbar: Arrays, Strings, Maps, Sets und mehr. Du kannst auch eigene iterierbare Objekte bauen, am einfachsten mit Generatoren.

Das Iterator-Protokoll

Ein Iterator ist ein Objekt mit einer Methode next(), die { value, done } liefert:

{ value: 10, done: false }
{ value: 20, done: false }
{ value: undefined, done: true }

for...of, Spread (...), Destructuring und Array.from nutzen dieses Protokoll.

Generatoren: function*

Eine Generatorfunktion (function*) liefert Werte mit yield nacheinander und pausiert dazwischen:

[ 1, 2, 3, 4, 5 ]
Wert 1
Wert 2
Wert 3
{ value: 1, done: false } { value: 2, done: false } { value: undefined, done: true }

Der Code läuft erst weiter, wenn der nächste Wert angefordert wird (Lazy Evaluation). Dadurch sind auch unendliche Folgen möglich:

[
  0, 1,  1,  2,  3,
  5, 8, 13, 21, 34
]

Eigene iterierbare Klassen

[ 3, 4, 5, 6, 7 ] 7
3
5
7

yield* und Werte in den Generator senden

[ 1, 'a', 'b', 2 ]
Wie heißt du?
Hallo Mia, wie alt bist du?
{ value: 'Mia ist 17', done: true }

Nützliche Muster

[ 1, 9, 25, 49, 81 ]
[ 2, 4, 6 ]

Asynchrone Iteratoren

Mit async function* und for await...of verarbeitest du Daten, die nach und nach eintreffen, etwa gelesene Dateistücke oder Seiten einer API:

Seite 1
Seite 2
Seite 3