for in和for of区别

ES6新增for of遍历方法,我们之前遍历一个数组有可能用for in的方法

var arr=[1,2,5,6];
arr.name = 'array';
for(var i in arr){
    console.log(arr[i]);
}
//输出结果：1，2，5，6，'array'

使用for in 也可以遍历数组，但是会存在以下问题：

1.index索引为字符串型数字，不能直接进行几何运算;
2.遍历顺序有可能不是按照实际数组的内部顺序;
3.使用for in会遍历数组所有的可枚举属性，包括原型。例如上栗的原型方法method和name属性。

所以for in更适合遍历对象，不要使用for in遍历数组。

如何更简单的正确的遍历数组达到我们的期望呢（即不遍历method和name），ES6中的for of更胜一筹。

var arr=[1,2,5,6];
arr.name = 'array';
for(var i of arr){
    console.log(i);
}
//输出结果：1，2，5，6

记住，for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。for of遍历的只是数组内的元素，而不包括数组的原型属性method和索引name。