for循环和for in的区别

Posted 2023-04-06

参考技术A for … in循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素的索引被视为一个属性。

当我们手动给Array对象添加了额外的属性后，for … in循环将带来意想不到的意外效果：

而for循环去识别不了

for … in循环将把name包括在内，但Array的length属性却不包括在内。

for … of循环则完全修复了这些问题，它只循环集合本身的元素：

这就是为什么要引入新的for … of循环。

然而，更好的方式是直接使用iterable内置的forEach方法，它接收一个函数，每次迭代就自动回调该函数。以Array为例：

注意，forEach()方法是ES5.1标准引入的，你需要测试浏览器是否支持。

for循环可一遍历数组，而for in循环可以遍历数组和对象
使用for in循环会将Array当成对象遍历，而Array的存取速度明显比Object要快。所以使用for循环遍历数组比for in循环遍历快。
for循环遍历的是索引数组，通过索引来调用，i的返回值是number类型
而for in循环遍历的是关联数组，通过key来调用，i的返回值是string类型

这两者的具体用途 得看你用他的环境是什么.不能一概而论.
索引数组:仅仅用于存储数据. 优势在于迭代方便
关联数组:用于存放对应的数据格式, 优势在于 可以很方便 特定key对应的value 缺点:迭代麻烦

for...in 和 for...of 有什么区别

1、推荐在循环对象属性的时候，使用 for...in,在遍历数组的时候的时候使用for...of。

2、for...in 循环出的是 key，for...of 循环出的是 value

3、for...of 不能循环普通的对象，需要通过和 Object.keys()搭配使用