TypeError: 'x' is not iterable
错误信息
TypeError: 'x' is not iterable (Firefox, Chrome) TypeError: 'x' is not a function or its return value is not iterable (Chrome)
错误类型
TypeError
发生了什么错误？
这个值作为 for…of 的表达式右值，或者作为一个函数的参数，如 Promise.all 或者 TypedArray.from, 不是一个 可迭代对象. 一个可迭代对象可以是一个内置可迭代类型，如Array, String 或 Map, 一个 generator 生成结果，或者一个实现了 可迭代协议 的对象
示例
>Iterating over Object properties
在 JavaScript 中，Object 是不可迭代的，除非它们实现了迭代协议. 因此，你不能使用 for…of 来迭代对象的属性。
js
var obj = { France: "Paris", England: "London" };
for (let p of obj) {
// TypeError: obj is not iterable
// …
}
做为替代你必须使用 Object.keys 或 Object.entries 来迭代对象的属性或属性值。
js
var obj = { France: "Paris", England: "London" };
// 迭代属性名称：
for (let country of Object.keys(obj)) {
var capital = obj[country];
console.log(country, capital);
}
for (const [country, capital] of Object.entries(obj))
console.log(country, capital);
这次 case 的另外一个选择是使用 Map:
js
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);
Iterating over a generator
生成器是用来生成可迭代对象的函数。
js
function* generate(a, b) {
yield a;
yield b;
}
for (let x of generate) // TypeError: generate is not iterable
console.log(x);
当它没有被调用，这个 Function 相应的是可调用的，但是不可迭代。调用 generator 生成一个可迭代对象，该对象将迭代在生成器执行期间生成的值。
js
function* generate(a, b) {
yield a;
yield b;
}
for (let x of generate(1, 2)) console.log(x);
Iterating over a custom iterable
可以使用Symbol.iterator 方法去实现一个自定义迭代器。你必须确定自定义的迭代器方法返回一个迭代器对象，即它必须有一个 next()
js
const myEmptyIterable = {
[Symbol.iterator]() {
return []; // [] is iterable, but it is not an iterator -- it has no next method.
},
};
Array.from(myEmptyIterable); // TypeError: myEmptyIterable is not iterable
下面是正确用法
js
const myEmptyIterable = {
[Symbol.iterator]() {
return [][Symbol.iterator]();
},
};
Array.from(myEmptyIterable); // []