for..of与for..in

Posted 地铁程序员

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了for..of与for..in相关的知识,希望对你有一定的参考价值。

var arr=[1,2,3,5]
undefined
for(var m of arr)
    console.log(m)//1,2,3,5

for(var m in arr)
    console.log(m)//0,1,2,3

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

arr.name=‘abc‘
"abc"
for(var m in arr)
    console.log(m)//0,1,2,3,name

如上所示,当我们为a多手动添加一个属性name的时候,for...in循环会把name属性也包括在内,而Array的length属性却不包括在内。

for...of循环则不存在上述的问题,它只循环集合本身的元素。这就是为什么引入for...of循环。

以上是关于for..of与for..in的主要内容,如果未能解决你的问题,请参考以下文章

for..of与for..in

for...in 与for ...of的区别

for each in for in 与for of

for each in for in 与for of

for in 与for of

for in与for of区别