for in 与 for of 的区别

引用/转载声明：全文参考 https://www.jianshu.com/p/c43f418d6bf0

遍历数组通常用for循环

ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。

for in 遍历数组的毛病

1.index索引为字符串型数字，不能直接进行几何运算

2.遍历顺序有可能不是按照实际数组的内部顺序

3.使用for in会遍历数组所有的可枚举属性，包括原型。例如上栗的原型方法method和name属性，所以for in更适合遍历对象，不要使用for in遍历数组。

Array.prototype.method=function(){
     
　　console.log(this.length);
}
var myArray=[1,2,4,5,6,7]
myArray.name="数组"
for (var index in myArray) {
     
  console.log(myArray[index]);
}

// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 数组
// ƒ () { console.log(this.length); }

那么除了使用for循环，如何更简单的正确的遍历数组达到我们的期望呢（即不遍历method和name），ES6中的for of更胜一筹.

for in 可以遍历到对象的原型方法method,如果不想遍历原型方法和属性的话，可以在循环内部判断一下,hasOwnPropery()方法可以判断某属性是否是该对象的实例属性

for (var key in myObject) {
     
　　if（myObject.hasOwnProperty(key)){
     
　　　　console.log(key);
　　}
}

for of 遍历数组

记住，for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。

for of遍历的只是数组内的元素，而不包括数组的原型属性method和索引name.

Array.prototype.method = function () {
     
  console.log('this.length = ', this.length);
}
var myArray = [1, 2, 4, 5, 6, 7]
myArray.name = "数组";
for (var value of myArray) {
     
  console.log(value);
}

// 1
// 2
// 3
// 4
// 5
// 6
// 7