跳转到主内容
新派编程网 - 新潮编程理念,全新技术课堂!

JavaScript中对象属性不可迭代性与手动实现迭代器

普通对象不可迭代是因为未实现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]]; } };

// 现在可以: 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免费学习笔记(深入) ”; 使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件 如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更 下载 定义
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
,生成新迭代器,彼此状态不共享,符合预期。

相关文章