Iterator 和 for...of 循环

**javascript 原有表示集合的数据结构主要是数组（Array）和对象（Object）,ES6又新增了 Set 和 Map **

Iterator （遍历器）

1、Iterator 概念
Iterator是一种接口，为不同的数据结构提供统一的访问机制，任何数据结构只要部署Iterator接口，就可以完成遍历操作。
2、作用
a、为各种数据结构提供一个统一的、简单的访问接口
b、是的数据结构的成员能够按照某种次序排列
c、es6创建了一种新的遍历口令 for…of 循环，Iterator接口主要提供for…of消费

for … of循环

一个数据结构只要部署了Symbol.Iterator属性，就可以使用for…of循环遍历。
1：使用范围:数组、Set、Map、某些类似数组的对象（比如：arguments对象、DOM NodeList对象）、Generator 对象，以及字符串。

遍历语法的比较

1：for 循环 js最原始的写法
2：forEach() ：数组提供了forEach(),无法中途跳出forEach循环，break和return命令都不能奏效
3：for … in 获取对象的键名，不能直接获取键值
for…in缺点：
1：数组的键名是数字，但是for…in循环是以字符串作为键名“0”、“1”、“2”等等
2：for…in循环不仅遍历数字键名，还会遍历手动添加的其他键，甚至包括原型链上的键。
3：某些情况下，for…in循环会以任意顺序遍历键名
总之，for…in循环主要是为遍历对象而设计的，不适用于遍历数组。

4：for … of 循环读取键值，若要获取数组的索引，可以借助数组实例entries方法和keys方法
1、 有着同for…in一样的简洁语法，但是没有for…in那些缺点。
2、不同于forEach方法，它可以与break、continue和return配合使用。
3、提供了遍历所有数据结构的统一操作接口