普通对象不可迭代是因为未实现Symbol.iterator方法;需手动添加该方法才能用于for...of等迭代场景,且默认仅遍历自身可枚举属性。

JavaScript中对象默认不可迭代,是因为普通对象没有实现Symbol.iterator方法,所以不能直接用于for...of、扩展运算符([...obj])或解构等迭代场景。要让对象可迭代,需手动添加迭代器协议。
为什么普通对象不可迭代?
ES6规定,只有实现了迭代器协议(即拥有返回迭代器对象的Symbol.iterator方法)的对象才被视为“可迭代”。数组、Map、Set、字符串等内置类型都内置了该方法;而普通对象(如{a:1, b:2})没有,因此:
-
for (let v of {a:1, b:2}) {}报错:TypeError: is not iterable -
[...{a:1, b:2}]同样报错 -
Array.from({a:1, b:2})返回空数组(因不满足可迭代条件,退化为类数组处理,但无length,故为空)
手动实现对象的迭代器(键值对遍历)
最常用方式是让对象在for...of中按[key, value]形式逐对迭代,类似Object.entries()行为:
const obj = { x: 10, y: 20, z: 30 };
obj[Symbol.iterator] = function* () {
for (let key of Object.keys(this)) {
yield [key, this[key]];
}
};
<p>// 现在可以:
for (let [k, v] of obj) {
console.log(k, v); // x 10, y 20, z 30
}
console.log([...obj]); // [['x', 10], ['y', 20], ['z', 30]]
灵活控制迭代内容:只遍历值或只遍历键
可通过定义不同命名方法来支持多种迭代模式,避免覆盖默认Symbol.iterator:
立即学习“Java免费学习笔记(深入)”;
- 定义
values()返回值迭代器:obj.values = function*() { yield* Object.values(this); }; - 定义
keys()返回键迭代器:obj.keys = function*() { yield* Object.keys(this); }; - 调用时显式使用:
[...obj.values()] → [10, 20, 30],[...obj.keys()] → ['x','y','z']
这样既保持语义清晰,又避免与未来标准冲突(例如,若某天对象原生支持values(),你的实现也自然兼容)。
注意继承与属性枚举性
手动迭代器默认只处理对象自身的**可枚举属性**(与Object.keys()一致)。若需包含原型链上的属性,需改用for...in并配合hasOwnProperty判断;若要跳过不可枚举属性(如Object.defineProperty(obj, 'hidden', {value: 42, enumerable: false})),当前实现已自动满足——无需额外处理。
另外,迭代器是即时执行的:每次for...of都会重新调用Symbol.iterator,生成新迭代器,彼此状态不共享,符合预期。










