集合数据结构 遍历器 Iterator

主要是数组（Array）和对象（Object），ES6 又添加了Map和Set 由于存在有四种数据集合需要统一的处理接口

Iterator 的作用有三个：

一是为各种数据结构，提供一个统一的、简便的访问接口；
二是使得数据结构的成员能够按某种次序排列；
三是ES6 创造了一种新的遍历命令for…of循环，Iterator 接口主要供for…of消费。

遍历过程

（1）创建一个指针对象，指向当前数据结构的起始位置。也就是说，遍历器对象本质上，就是一个指针对象。
（2）第一次调用指针对象的next方法，可以将指针指向数据结构的第一个成员。
（3）第二次调用指针对象的next方法，指针就指向数据结构的第二个成员。
（4）不断调用指针对象的next方法，直到它指向数据结构的结束位置。
每一次调用next方法，都会返回数据结构的当前成员的信息。具体来说，就是返回一个包含value和done两个属性的对象。其中，value属性是当前成员的值，done属性是一个布尔值，表示遍历是否结束。

默认调用 Iterator 的场合
（1）解构赋值
对数组和 Set 结构进行解构赋值时，会默认调用Symbol.iterator方法。

let set = new Set().add('a').add('b').add('c');
let [x,y] = set;
// x='a'; y='b'
let [first, ...rest] = set;
// first='a'; rest=['b','c'];

（2）扩展运算符
扩展运算符（…）也会调用默认的 Iterator 接口。

var str = 'hello';
[...str] //  ['h','e','l','l','o']

（3）yield*
（4）数组遍历的时候就会调用iterator接口，因此接受数组作为参数的都能调用。同时字符串作为类似数组的对象，也具有该接口

for…of循环 for…in 循环

var arr = ['a', 'b', 'c', 'd'];
for (let a in arr) {
  console.log(a); // 0 1 2 3
}//for...in只能获得键名
for (let a of arr) {
  console.log(a); // a b c d
}//for...of 能获取键值