【ES6系列】Iterator

在 ES5 中，主要的数据容器有两种：数组和对象。后来，ES6 新增了 Set 和 Map ，这样一来，就有四种容器集合。开发者可以组合使用他们，比如数组的元素是 Map，Map 的成员是对象。这样的多层次使用不同的数据容器就会带来一个问题：没有一个统一的方法可以取出各种容器的数据。所以，这时候就需要有一种统一的访问机制来处理所有不同的数据结构。

然而，遍历器 Iterator 正是这样的机制。它是一种接口，为各种不同的数据结构提供了统一的访问机制。可以这么说，任何数据结构只要部署了 Iterator 接口，就可以完成遍历操作。

Iterator 的作用有三个：

• 为各种数据结构提供统一的访问接口。
• 使得数据结构的成员能够按某种次序排列。
• 供 for...of 循环消费。

遍历过程

遍历器的遍历与传统的遍历方式不同，它是这样进行的：

1. 创建一个指针对象，指向当前数据结构的起始位置。遍历器对象的本质就是一个指针对象。
2. 第一次调用指针对象的 next()，指针就指向数据的第一个成员。
3. 通过不断的调用 next() ，直到指向数据结构的末尾位置。

每一次调用 next() 都会返回数据结构当前成员的信息。具体的说，返回一个包含 value 和 done 两个属性的对象，其中，value 属性是当前成员的值，done 属性是一个布尔值，表示遍历是否结束。

以 Set 为例：

let set = new Set([1,2,3,4,5])
let iterator = set.values()
console.log(iterator.next())//{value: 1, done: false}

记住，通过遍历器对象调用 next() 拿到的是一个包含两个描述属性的对象，而不是具体的某一个值！！

如果期望直接获取到具体的值，那么就需要通过上面提到的 for...of 来实现了。示例：

let set = new Set([1,2,3,4,5])
let iterator = set.values()
for(let item of iterator){
    console.log(item)//1 2 3 4 5 
}

当使用 for...of 循环遍历某种数据结构时，该循环会自动去寻找 Iterator 接口。一种数据结构只要部署了 Iterator 接口，那么就称这种数据结构是可遍历的（iterable）。

ES6 规定，默认的 Iterator 接口部署在数据结构的 Symbol.iterator 属性，也就是说，一种数据结构只要有 Symbol.iterator 属性，那么就可以被认为是可遍历的。Symbol.iterator 属性本身是一个函数，就是当前数据结构默认的遍历器生成函数。执行这个函数，就会返回一个遍历器。 在 ES6 中，有些数据结构原生就具备这个属性，即不用任何处理就可以被 for...of 循环遍历，比如：数组。

let arr = [1,2,3]
let iterator = arr[Symbol.iterator]()//获取数组的遍历器对象
console.log(iterator.next())//{value: 1, done: false}

当然，也可以直接使用 for...of 循环：

let arr = [1,2,3]
for(let item of arr[Symbol.iterator]()){
    console.log(item)//1 2 3 
}

除了数组以外，原生具备 iterator 接口的数据还有：Map，Set，String，NodeList，函数中的实参列表对象（arguments）。