ECMAScript6（三）

Iterator 和 for...of循环

在ES6中新增了Set和Map两种数据结构，再加上JS之前原有的数据和对象，这样就有了四种数据集合，平时还可以组合使用它们，定义自己的数据结构，比如数组的成员是Map,Map的成员是对象等，这样就需要一种同一的接口机制，来处理所有不同的数据结构。

Interator就是这样的一种机制，它是一种接口，为各种不同的数据结构提供同一的访问机制，任何数据结构只要部署Iterator接口，就可以完成遍历操作，而且这种遍历操作是 依次 处理该数据结构的所有成员

Iterator遍历的作用：

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

似的数据结构的成员能够按某种次序排列

ES6新增了遍历命令for...of循环，Iterator接口主要提供for...of消费

1.Iterator接口

const arr = [1,2,3];
function iterator(arr){
    let index = 0;
    return{
        next:function(){
            return index<arr.length?{value:arr[index++],done:false}:{value:undefined,done:true};
        }
    }
}
const it = iterator(arr);
console.log(it.next());
console.log(it.next());
console.log(it.next());
console.log(it.next());		// 遍历完成后返回false

2.Iterator的遍历过程

创建一个指针对象，指向当前数据结构的起始位置，也就是说，遍历器独享本质上就是一个指针对象

第一次调用指针对象的next方法，可以将指针只向数据结构的第一个成员

第二次调用指针对象的next方法。指针就指向数据结构的第二个成员

不能调用指针对象的next方法，直到它指向数据结构的结束位置

每一次调用next方法，都会返回数据结构的当前成员的信息，具体来说，就是返回个包含value和done两个属性的对象。其中，value属性是当前成员的值，done属性是一个布尔信息，表示遍历是否结束（遍历过程中，done为true，遍历完成done为false）

凡是具有Symbol.iterator 属性的数据结构都只有 Iterator 接口