for...in

for...in是ES5新增的标准，该方法遍历的是对象的属性名称（key:键名）。如果遍历的是数组的话，那么得到是每个元素的索引。需要注意的是for...in遍历的是对象的整个原型链。不仅仅是当前对象，在整个原型链上所有可枚举的属性都会被输出。主要被用来遍历对象，很少用于来遍历数组，因为遍历数组时输出的索引可能是乱序的。

for...of

for...of是ES6新增的标准。用它来遍历数组可以取得数组中的每个元素的值。与for...in不同的是，for...of遍历的只是这个数组的本身。不会去原型上找。而且for...of不可以用来遍历对象。

总结

for...in 循环主要是为了遍历对象而生，不太适用于遍历数组；for...of 循环主要被用来遍历数组。需要注意的是for...in遍历的是整个对象的原型链，会导致性能变差。所以使用的时候需要注意。

#如何学习编程##编程语言##前端##web前端面试题#

点赞关注加收藏，每天都会更新一个JavaScript知识！！！！！！！！！