//遍历数组通常用for循环

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

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

for in遍历数组的毛病

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

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

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

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

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

遍历对象

通常用for in来遍历对象的键名

  1. Object.prototype.method=function(){
  2. 　　console.log(this);
  3. }
  4. var myObject={
  5. 　　a:1,
  6. 　　b:2,
  7. 　　c:3
  8. }
  9. for (var key in myObject) {
  10.   console.log(key);
  11. }
  12. //输出 1 2 3 method

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

  1. for (var key in myObject) {
  2. 　　if(myObject.hasOwnProperty(key)) {
  3.     console.log(key)
  4.   }
  5. }
  6. //输出 a b c

同样可以通过ES5的Object.keys(myObject)获取对象的实例属性组成的数组，不包括原型方法和属性

  1. Object.prototype.method=function(){
  2. 　　console.log(this);
  3. }
  4. var myObject={
  5. 　　a:1,
  6. 　　b:2,
  7. 　　c:3
  8. }
  9. Object.keys(myObject).forEach(key => {
  10.   console.log(key)
  11. })
  12. //与上例结果相同

总结

for..of适用遍历数/数组对象/字符串/map/set等拥有迭代器对象的集合.但是不能遍历对象,因为没有迭代器对象.与forEach()不同的是，它可以正确响应break、continue和return语句

for-of循环不支持普通对象，但如果你想迭代一个对象的属性，你可以用for-in循环（这也是它的本职工作）或内建的Object.keys()方法：