1、for...of 遍历数组
for...of循环可以代替数组实例的forEach方法。for...in循环读取键名，for...of循环读取键值。
2、for...of 遍历 Map 和 Set 结构
3、for...of 遍历 数组/Map/Set 之 keys()/values()/entries() 返回的对象
4、for...of 遍历字符串
5、for...of 遍历 NodeList对象
6、for...of 遍历 arguments对象
7、for...of 遍历 非 Iterator 的类数组对象
8、for...of 遍历 对象
对于普通的对象，for...of结构不能直接使用，会报错。使用 for...in 可以遍历对象的键名。
总之，for...in循环主要是为遍历对象而设计的，不适用于遍历数组。
另一个方法是使用 Generator 函数将对象重新包装一下。
9、for...of 可以与 break / continue / return 配合使用
参考链接 ： 阮一峰ES6教程
iterator(迭代)一般很少直接使用, 但是却是很常用很重要的功能.
例如 :
对象的扩展运算符（...）内部其实是调用了 Iterator 接口。
在es6 中统一了遍历的接口 Iterator，Iterator 接口的目的，就是为所有数据结构，提供了一种统一的访问机制，即for...of循环。
字符串也可以使用扩展运算符
rest运算符, 与扩展运算符是逆运算
扩展运算符：数组=>分割序列
rest运算符：分割序列=>数组
rest可以代替arguments变量
回到主题, 迭代
Symbol.iterator 为每一个对象定义了默认的迭代器。
当需要对一个对象进行迭代时（比如开始用于一个 for..of 循环中），它的 @@iterator 方法都会在不传参情况下被调用，返回的 迭代器 用于获取要迭代的值。
一些内置类型拥有默认的迭代器行为，其他类型（如 Object ）则没有。下表中的内置类型拥有默认的 @@iterator 方法：
更多信息请参见 迭代协议 。
js中对象分为可迭代和不可迭代 如果是可迭代哪它就会有一个[Symbol.iterator] 函数
这个函数就是对象的迭代器函数，如用for of 如果遍历的对象没有这个迭代方法那么就会报错.
for of 传入的是可迭代对象,但是如何吧一个不可迭代的对象变为可迭代的对象呢！很简单就是自己写一个[Symbol.iterator]函数。
你以为迭代就这么简单的结束了吗?现在再讲一个新东西 yield
. yield是ES6的新关键字，使生成器函数执行暂停，yield关键字后面的表达式的值返回给生成器的调用者。它可以被认为是一个基于生成器的版本的return关键字。
. yield关键字实际返回一个IteratorResult（迭代器）对象，它有两个属性，value和done，分别代表返回值和是否完成。
. yield无法单独工作，需要配合generator(生成器)的其他函数，如next，懒汉式操作，展现强大的主动控制特性。
用 yield 自定义一个迭代器
function* () {} 这种函数名字叫 generator函数, 生成器函数, 下一篇再重点讲这个哈.
JS的 for 循环主要包含如下几种: for(let i = 0i <leni++) , for-in , for-of , for-each 。
至于第一种 for 循环，地球人都会，按下不表。难点在于 for-in ， for-of , for-each 直接有什么区别，看起来都差不多的样子。
一句话概述 for-in 与 for-of ： for-in 遍历得到的是 key 值，适用于对象的遍历， for-of 得到的是 value 值，适合数组的遍历。只要有 iterator 接口的数据结构,都可以使用 for-of 循环，包括： Array, Map, Set, String, arguments对象, Nodelist对象
获得的是属性值
获得的是对象的索引值
遍历的时候不要用这个！
当给数组的原型添加属性时，for in 会遍历到原型链上的属性
这时候只要判断是不是本身所有的属性就行了
传入匿名的回调函数，匿名函数的参数为：当前项item，索引index（可省），当前数组array（可省）
for-of这个方法避开了for-in循环的所有缺陷
与forEach()不同的是，它可以正确响应break、continue和return语句
map遍历与foreach类似，支持使用return语句，支持return返回值
参考链接 link
