js for in 和 for of的区别

Posted 2023-04-15

参考技术A for in是ES5标准，遍历key（属性名），并且原型链上的所有属性也会被遍历。过滤原型链上的属性可以用hasOwnProperty()方法。for in遍历后不能保证顺序（也就是顺序可能会被打乱）

for of 是ES6标准，遍历value（属性值），这个方法修复for in存在的缺陷。

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

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

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

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