普通对象不可迭代是因为未实现Symbol.iterator方法;需手动添加该方法才能用于for...of等迭代场景,且默认仅遍历自身可枚举属性。
JavaScript中对象默认不可迭代,是因为普通对象没有实现
方法,所以不能直接用于
、扩展运算符(
)或解构等迭代场景。要让对象可迭代,需手动添加迭代器协议。
为什么普通对象不可迭代?
ES6规定,只有实现了迭代器协议(即拥有返回迭代器对象的
方法)的对象才被视为“可迭代”。数组、Map、Set、字符串等内置类型都内置了该方法;而普通对象(如
)没有,因此:
报错:
同样报错
返回空数组(因不满足可迭代条件,退化为类数组处理,但无
,故为空)
手动实现对象的迭代器(键值对遍历)
最常用方式是让对象在
中按
形式逐对迭代,类似
行为:
灵活控制迭代内容:只遍历值或只遍历键
可通过定义不同命名方法来支持多种迭代模式,避免覆盖默认
:
立即学习
“
Java免费学习笔记(深入)
”;
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
下载
定义
返回值迭代器:
定义
返回键迭代器:
调用时显式使用:
,
这样既保持语义清晰,又避免与未来标准冲突(例如,若某天对象原生支持
,你的实现也自然兼容)。
注意继承与属性枚举性
手动迭代器默认只处理对象自身的**可枚举属性**(与
一致)。若需包含原型链上的属性,需改用
并配合
判断;若要跳过不可枚举属性(如
),当前实现已自动满足——无需额外处理。
另外,迭代器是即时执行的:每次
都会重新调用
,生成新迭代器,彼此状态不共享,符合预期。
Symbol.iteratorfor...of[...obj]Symbol.iterator{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})lengthfor...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.iteratorvalues()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...inhasOwnPropertyObject.defineProperty(obj, 'hidden', {value: 42, enumerable: false})for...ofSymbol.iterator