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 = ;    //用来表示指针其实位置
       return {          //返回指针对象
         next() {        //指针对象的next方法
           return index < target.length ? {
             value: target[index++],
             done: false
           } : {
             value: target[index++],
             done: true
           };
         }
       }
     }

     //生成一个迭代器对象
     let arr = [,,];
     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);
     }