首页 > 代码库 > for...in和for...of循环的区别

for...in和for...of循环的区别

以下是使用for...in和for...of分别对Array,Set,Map做的测试:

技术分享

for...in由于历史遗留问题,它遍历的实际上是对象的属性名称。一个Array数组也是一个对象,数组中的每个元素的索引被视为属性名称,所以我们可以看到使用for...in循环Array数组时,拿到的其实是每个元素的索引。

技术分享

如上所示,当我们为a多手动添加一个属性name的时候,for...in循环会把name属性也包括在内,而Array的length属性却不包括在内。
for...of循环则不存在上述的问题,它只循环集合本身的元素。这就是为什么引入for...of循环。

 

for...in和for...of循环的区别