Iterator遍历器笔记

遍历器

1.概念

1、它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，通过next方法就可以完成遍历操作。

2、默认的Iterator接口部署在数据结构的Symbol.iterator属性，数据结构只要有该属性，就认为是可遍历的

3、Symbol.iterator属性名是一个表达式，返回Symbol对象的Iterator属性，要放在方括号内

2.作用

1，为各种数据结构，提供一个统一的、简便的访问接口

2，使数据结构的成员按照某种次序排列

3，为ES6创造了一种新的遍历命令，for…of循环

let arr = ['a', 'b', 'c'];
let iter = arr[Symbol.iterator]();

iter.next() // { value: 'a', done: false }
iter.next() // { value: 'b', done: false }
iter.next() // { value: 'c', done: false }
iter.next() // { value: undefined, done: true }

3.在对象上设置iterator

1，因为确定对象属性遍历顺序不确定，所以object上没有部署iterator接口

2，因为es6加入了Map结构，对象部署遍历接口并不是很必要

3，一个对象如果要具备可被for...of循环调用的 Iterator 接口，就必须在Symbol.iterator的属性上部署遍历器生成方法（原型链上的对象具有该方法也可）

let obj = {
  data: [ 'hello', 'world' ],
  [Symbol.iterator]() {
    const self = this;
    let index = 0;
    return {
      next() {
        if (index < self.data.length) {
          return {
            value: self.data[index++],
            done: false
          };
        }
        return { value: undefined, done: true };
      }
    };
  }
};

4.调用iterator的接口的场景

1，解构赋值

2，扩展运算符(…)。只要部署了iterator接口，就可以对他使用扩展运算符

3，yield*

4，for…of,Array.from(),Map(), Set(), WeakMap(), WeakSet()（比如new Map([['a',1],['b',2]])）,Promise.all(),Promise.race()

5.Iterator 接口与 Generator 函数

可以用Generator实现Symbol.iterator()方法

let myIterable = {
  [Symbol.iterator]: function* () {
    yield 1;
    yield 2;
    yield 3;
  }
};
[...myIterable] // [1, 2, 3]

// 或者采用下面的简洁写法

let obj = {
  * [Symbol.iterator]() {
    yield 'hello';
    yield 'world';
  }
};

for (let x of obj) {
  console.log(x);
}
// "hello"
// "world"

上面代码中，Symbol.iterator()方法几乎不用部署任何代码，只要用 yield 命令给出每一步的返回值即可。