JS中 for in 与 for of的区别_js for in和for of的区别-优快云博客

最直接的区别就是:

for in遍历的是数组的索引（即键名），

而for of遍历的是数组元素值。

Array.prototype.method=function(){}
var myArray=[1,2,4];
myArray.name="数组";

for (var index in myArray)
    console.log(myArray[index]);    //0,1,2,method,name

for (var value of myArray) 
    console.log(value);    //1,2,4

除此之外还有一些细节:

for in的一些缺陷:

索引是字符串型的数字，因而不能直接进行几何运算
遍历顺序可能不是实际的内部顺序
for in会遍历数组所有的可枚举属性，包括原型。例如的原型方法method和name属性

故而一般用for in遍历对象而不用来遍历数组

这也就是for of存在的意义了,for of 不遍历method和name,适合用来遍历数组

那for of有缺点吗? 当然有了:

for of不支持普通对象，想遍历对象的属性，可以用for in循环, 或内建的Object.keys()方法：

Object.keys(myObject)获取对象的实例属性组成的数组，不包括原型方法和属性

for (var key of Object.keys(Object))
    console.log(key + ": " + Object[key]);

但是感觉这样有些多此一举,

总结来说:

for of 遍历数组

for in 遍历对象