ES6 iterator迭代器

iterator迭代器是ES6非常重要的概念，但是很多人对它了解的不多，但是它却是另外4个ES6常用特性的实现基础（解构赋值，剩余/扩展运算符，生成器，for of循环），了解迭代器的概念有助于了解另外4个核心语法的原理，另外ES6新增的Map,Set数据结构也有使用到它。

对于可迭代的数据解构，ES6在内部部署了一个[Symbol.iterator]属性，它是一个函数，执行后会返回iterator对象（也叫迭代器对象，也叫iterator接口），拥有[Symbol.iterator]属性的对象即被视为可迭代的

数组中的Symbol.iterator方法默认部署在数组原型上:

默认具有iterator接口的数据结构有以下几个，注意普通对象默认是没有iterator接口的（可以自己创建iterator接口让普通对象也可以迭代）:

• Array
• Map
• Set
• String
• TypedArray（类数组）
• 函数的 arguments 对象
• NodeList 对象

iterator迭代器是一个对象，它具有一个next方法所以可以这么调用:

var arr = [1,2,3];
let iterator = arr[Symbol.iterator]();
console.log(iterator.next());//Object { value: 1, done: false }
console.log(iterator.next());//Object { value: 2, done: false }
console.log(iterator.next());//Object { value: 3, done: false }
console.log(iterator.next());//Object { value: undefined, done: true }

next方法返回又会返回一个对象，有value和done两个属性，value即每次迭代之后返回的值，而done表示是否还需要再次循环，可以看到当value为undefined时，done为true表示循环终止

总结：

• 可迭代的数据结构会有一个[Symbol.iterator]方法
• [Symbol.iterator]执行后返回一个iterator对象
• iterator对象有一个next方法
• next方法执行后返回一个有value,done属性的对象

文章转自https://mp.weixin.qq.com/s/WxZYN9W-cSG2sd0wo-rAPw

担心原文作者删除文章，所以将文章整理一下记录下来，感谢原作者的分享