ES6迭代iterator、for ...of、for...each

一、首先，iterator迭代器：

是一种接口，为各种不同的数据结构提供统一的访问机制，任何数据只要部署iterator接口，就可以完成遍历操作

         * ES6创造了新的一种命令：for...of，iterator接口主要提供for...of消费

         * Array.Arguments.Set.Map.String.TypedArray.NodeList,都具有iterator接口

例如:

// for of遍历输出的为其里面的数据
        const arr = [1, 2, 3, 6, 5, 9, 7, 8];
        for (let a of arr) {
            console.log(a)
        }

其与for ...in 是有区别的，for...in循环的是其下标

其工作原理是：首先声明一个变量，存储iterator方法：

let iterator = arr[Symbol.iterator]()

         * 迭代器会创建一个指针位置，指向当前数据结构的起始位置，然后调用next()方法.console.log(iterator.next())输出结果为第一个值

         * 接下来不断调用next()方法，把后续的值依次输出值中包含value和done，done为false，则会继续输出

         * 到最后如果没有值了，会输出一个undefined，且done值为true，终止循环

意思是这个迭代器会一直循环输出这个数组或对象的所有值，直到输出最后一个时，这个done值会变为true，就会终止。

let iterator = arr[Symbol.iterator]()
        console.log(iterator.next())
        console.log(iterator.next())
        console.log(iterator.next())
        console.log(iterator.next())

二、for...of...

for...of是循环遍历数组，是Map方法的一种迭代器：

使用时要实例化Map对象，并且向里面传入值：

var myMap = new Map();
myMap.set(0, "zero");
myMap.set(1, "one");

for (var [key, value] of myMap) {
  console.log(key + " = " + value);
}
for (var [key, value] of myMap.entries()) {
  console.log(key + " = " + value);
}

遍历了之后会输出一个为键一个为值的数组对象

三、for...Each...

同上：使用时也要实例化Map方法

myMap.forEach(function(value, key) {
  console.log(key + " = " + value);
}, myMap)

输出之后是一个等式。

希望以上笔记能对你有所帮助。谢谢