ES6 迭代器介绍

ES6 迭代器介绍

ES6 创造了一种新的遍历命令 for…of 循环，Iterator 接口主要供 for…of 消费
原生具备 iterator 接口的数据（可用 for…of 遍历）
Array
Arguments
Set
Map
String
TypedArray
NodeList

const word=['a','b','c','d','e'];

for(let i of word){
	console.log(i); //输出为value 'a','b',... 
}

for(let j in word){
	console.log(j);	//输出为index 0 1 2 3 4
}

工作原理：

const word=['a','b','c','d','e'];
//创建一个指针对象，指向当前数据结构的起始位置
let iterator = word[Symbol.iterator]();
//调用对象的next方法
console.log(iterator.next()); //{value:"唐僧",done:false}

① 创建一个指针对象，指向当前数据结构的起始位置
② 第一次调用对象的next方法，指针自动指向数据结构的第一个成员
③ 接下来不断使用next方法，指针一直往后移动，直到指向最后一个成员
④ 每次调用next方法返回一个包含value和done属性的对象