JS的ES6的iterator

一.iterator

1.概念：iterator是一种接口机制，为各种不同的数据结构提供统一的访问机制。

2.作用：

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

• 使得数据结构的成员能够按某种次序排列。

• ES6创造了一种新的遍历命令for...of循环，Iterator接口主要供for...of消费。

3.工作原理：

1. 创建一个指针对象，指向数据结构的起始位置。

2. 第一次调用next方法，指针自动指向数据结构的第一个成员

3. 接下来不断调用next方法，指针会一直往后移动，直到指向最后一个成员

4. 每调用next方法返回的是一个包含value和done的对象，{value: 当前成员的值,done: 布尔值}

   • value表示当前成员的值，done对应的布尔值表示当前的数据的结构是否遍历结束。

   • 当遍历结束的时候返回的value值是undefined，done值为false

4.原生具备iterator接口的数据(可用for of遍历)

• Array

• arguments

• set容器

• map容器

• String

• ......

    let arr = [1,2,3];

    for (let i of arr) {
      console.log(i);
      
    }

    let obj = {
      name: 'obj1'
    }

    console.log(arr);    //array拥有了iterator接口
    console.log(...arr); //三点运算符用的也是iterator接口
    console.log(obj);

    for (let i of obj) {
      console.log(i);     //object对象没有iterator接口
      
    }

5.模拟实现iterator接口

    //模拟实现iterator接口
    function iteratorUtil(target) {
      let index = 0;    //用来表示指针其实位置
      return {          //返回指针对象
        next() {        //指针对象的next方法
          return index < target.length ? {
            value: target[index++],
            done: false
          } : {
            value: target[index++],
            done: true
          };
        }
      }
    }

    //生成一个迭代器对象
    let arr = [1,2,3];
    let iteratorObj = iteratorUtil(arr);
    console.log(iteratorObj.next().value);
    console.log(iteratorObj.next().value);
    console.log(iteratorObj.next().value);
    console.log(iteratorObj.next().value);

6.实现Object对象的遍历

let arr = [1,2,3,4];

    var obj = {name: 'kobe', age: 40};
    //    console.log(obj[Symbol.iterator]); // undefined
    //    console.log(arr[Symbol.iterator]); // function

    function mockIterator() {

      let that = this;

      let index = 0;
      let length = 0;
      debugger
      if(that instanceof Array){
        length = that.length;
        return {
          next: function () {
            return index < length ?{value: that[index++], done: false}: {value: that[index++], done: true}
          }
        }
      }else {
        length = Object.keys(that).length
        let keys = Object.keys(that);
        return {
          next: function () {
            return index < length ?{value: that[keys[index++]], done: false}: {value: that[keys[index++]], done: true}
          }
        }
      }

    }

  

    Array.prototype[Symbol.iterator] = mockIterator;
    Object.prototype[Symbol.iterator] = mockIterator;

    for(let i of arr){
      console.log(i);
    }
    for(let i of obj){
      console.log(i);
    }