对象属性不可迭代，手动实现迭代器方法

JavaScript中普通对象默认不可迭代，根本原因在于未实现Symbol.iterator方法，导致无法直接用于for...of、扩展运算符或Array.from等迭代场景；本文详解了如何手动为对象添加符合迭代器协议的生成器函数，实现类似Object.entries()的键值对遍历，并进一步通过values()、keys()等语义化方法灵活支持多种迭代需求，同时兼顾可枚举性、原型链控制及与未来标准的兼容性，让自定义对象真正融入现代JS迭代生态。

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]]
</p>

灵活控制迭代内容：只遍历值或只遍历键

可通过定义不同命名方法来支持多种迭代模式，避免覆盖默认Symbol.iterator：

• 定义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，生成新迭代器，彼此状态不共享，符合预期。

本篇关于《对象属性不可迭代，手动实现迭代器方法》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！