TypeError: 'x' is not iterable

Fehlermeldung

TypeError: 'x' is not iterable (Firefox, Chrome)
TypeError: 'x' is not a function or its return value is not iterable (Chrome)

Fehlertyp

Was ist falsch gelaufen?

Der Wert, welcher auf der rechten Seite von for…of oder als Argument einer Funktion wie Promise.all oder TypedArray.from ist kein iterierbares Objekt. Ein iterierbares Objekt kann vom Standardtypen wie Array, String oder Map sein oder ein Objekt, welches das iterable Protokoll implementiert.

Beispiele

Über Objekteigenschaften iterieren

In JavaScript sind Objekte nicht iterierbar, außer sie implementieren das iterable Protokoll. Demnach kann man for…of nicht für das Iterieren von Objekteigenschaften benutzen.

var obj = { 'France': 'Paris', 'England': 'London' };
for (let p of obj) { // TypeError: obj is not iterable
    // …
}

Stattdessen kann man Object.keys oder Object.entries benutzen, um über die Eigenschaften oder Einträge zu iterieren.

var obj = { 'France': 'Paris', 'England': 'London' };
// Iterate over the property names:
for (let country of obj.keys()) {
    var capital = obj[country];
    console.log(country, capital);
}

for (const [country, capital] of obj.entries())
    console.log(country, capital);

Eine andere Option ist in diesem Fall der Einsatz einer Map:

var map = new Map;
map.set('France', 'Paris');
map.set('England', 'London');
// Iterate over the property names:
for (let country of map.keys()) {
    let capital = map[country];
    console.log(country, capital);
}

for (let capital of map.values())
    console.log(capital);

for (const [country, capital] of map.entries())
    console.log(country, capital);

Über einen Generator iterieren

Generatoren sind Funktionen welche aufgerufen werden, um ein iterierbares Objekt zu produzieren.

function* generate(a, b) {
  yield a;
  yield b;
}

for (let x of generate) // TypeError: generate is not iterable
    console.log(x);

Wenn dieser nicht aufgerufen wird, ist das korrespondierende Function Objekt des Generators aufrufbar, aber nicht iterierbar. Aufrufen des Generators Produziert ein iterierbares Objekt, welche über die Werte iteriert, die während der Ausführung des Generators zurückgegeben werden.

function* generate(a, b) {
    yield a;
    yield b;
}

for (let x of generate(1,2))
    console.log(x);

Siehe auch