ES6新特性之Iterator

1：基本概念

Iterator 迭代器是一种接口，为不一样的数据结构提供统一的访问机制，这个访问机制主要是遍历，咱们知道，在数组、在对象、在类数组、在map、在set里面，均可以用for of或者扩展运算符来获得一个数组或者是遍历当前的数据结构，为何可以遍历的缘由就是由于存在这个Iterator 迭代器这个东西，因此咱们能够用for of来提供一个统一的遍历，所以这个底层或者是Itrator它最初是为了for of而设计的。

为了给全部的数据结构有一个统一的遍历接口，统一的访问机制，所以就产生了迭代器。

迭代器的特色：

• 按某种次序排列数据结构
• 为for of提供一个遍历支持
• 为不一样的数据结构提供统一的访问机制（目的）

遍历过程：要遍历一个对象，Iterator要新建一个指针，指向数据结构的起始位置；而后调用next()方法，返回以下对象：

{
        /* 当前位置数据值 */
        value: 'value',
        /* 是否遍历完成标识 */
        done: false,
    }
    {
        value: undefined,
        done: true,
    }

默认部署在数据结构Symbol.iterator属性上：为了提供一个统一的访问，防止篡改。

let array = ['a', 'b', 'c', 'd'];
    
    let Iterator = array[Symbol.iterator]();
    
    /*
    Iterator.next()
    { value: "a", done: false }
    Iterator.next()
    { value: "b", done: false }
    Iterator.next()
    { value: "c", done: false }
    Iterator.next()
    { value: "d", done: false }
    Iterator.next()
    { value: undefined, done: true }
    Iterator.next()
    { value: undefined, done: true }
    */

默认包含迭代器对象

• Array
• Map
• Set
• String
• arguments
• NodeList

2：应用场景

• for......of
• 结构赋值

  let set = new Set().add('aa').add('bb');
    let [a, b] = set;
  
    //
    a: 'aa'
    b: 'bb'

• 扩展运算符
• generator函数

  let generator = function* () {
      yield 1;
      yield 2;
      yield 3;
      yield 4;
      yield 5;
    };
  
    let iterator = generator();
  
    //
    iterator.next();
    { value: 1, done: false }
    iterator.next()
    { value: 2, done: false }
    iterator.next()
    { value: 3, done: false }
    iterator.next()
    { value: 4, done: false }
    iterator.next()
    { value: 5, done: false }
    iterator.next()
    { value: undefined, done: true }
    iterator.next()
    { value: undefined, done: true }

3：数组遍历

• 遍历器覆盖

  const array = ['a', 'b', 'c'];
    for(let s of array) {
      console.log(s);
    }
  
    //
    a
    b
    c
  
    const array = ['a', 'b', 'c'];
    const object = {};
    object[Symbol.iterator] = () => {
      return array[Symbol.iterator].call(array);
    }
    for(let s of object) {
      console.log(s);
    }
    //
    a
    b
    c

• 获取键值与键名

  const array = ['a', 'b', 'c'];
    // for  of 等到的是value
    for(let s of array) {
      console.log(s);
    }
    //
    a
    b
    c
  
    // for  in等到的是key
    for(let s in array) {
      console.log(s);
    }
    //
    0
    1
    2