Javascript之数组遍历

一、遍历数组的几种方式

     1、for...in遍历数组，会遍历数组的索引和数组原型上的对象

     2、for循环直接遍历

     3、迭代器：forEach（遍历数组中所有的值，并忽略回调函数返回的值）、every（一直运行直到返回false）、some（一直运行直到返回true）等遍历

     4、for...of直接遍历数组中的值

          对于for...of,只要是可以迭代的对象都可以用for...of来遍历，也就是内部实现了iterator的对象

var arr = ["1", "4", "7", "9", "11"]
for(v of arr) {
  console.log(v)
}

　　 数组中内置@@iterator对象，使用方式如下：

var arr = [1, 2, 4]
var it = arr[Symbol.iterator]()
it.next()//{value: 1, done: false}
it.next()//{value: 2, done: false}
it.next()//{value: 4, done: true}

　　普通对象中没有实现@@iterator对象，但是我们可以给对象自定义@@iterator

利用Object.defineProperty来给对象中的属性定义特性，利用闭包来实现值的移位。

var obj = {
    a: '1',
    b: '5'
}

Object.defineProperty(obj, Symbol.iterator, {
  enumerable: false,
  writable: false,
  configurable: true,
  value: function() {
      var o = this;
      var idx = 0;
      var ks = Object.keys(o)
 
      return {
         next: function() {
            return {
               value: o[ks[idx++]],
               done: (idx >= ks.length)
            }
         }
      }
  }

})

var it = obj[Symbol.iterator]()
it.next()
it.next()