上面，我们用ES6的生成，大大简化了迭代器的创建过程。我们给生成器函数createIterator()传入一个items数组，函数内部，for循环不断从数组中生成新的元素放入迭代器中，每遇到一个yield语句循环都会停止；每次调用迭代器的next()方法，循环便继续运行并停止在下一条yield语句处。
生成器的创建方式
生成器是个函数：
function *createIterator(items) { ... }可以用函数表达式方式书写：
let createIterator = function *(item) { ... }也可以添加到对象中，ES5风格对象字面量：
let o = {
createIterator: function *(items) { ... }
};
let iterator = o.createIterator([1, 2, 3]);ES6风格的对象方法简写方式：
let o = {
*createIterator(items) { ... }
};
let iterator = o.createIterator([1, 2, 3]);可迭代对象
在ES6中，所有的集合对象（数组、Set集合及Map集合）和字符串都是可迭代对象，可迭代对象都绑定了默认的迭代器。
来了来了，姗姗来迟的ES6循环新特性for-of：
var colors = ["red", "green", "blue"];
for(let color of colors){
console.log(color);
}for-of循环，可作用在可迭代对象上，正是利用了可迭代对象上的默认迭代器。大致过程是：for-of循环每执行一次都会调用可迭代对象的next()方法，并将迭代器返回的结果对象的value属性存储在变量中，循环将继续执行这一过程直到返回对象的done属性的值为true。
如果只需要迭代数组或集合中的值，用for-of循环代替for循环是个不错的选择。
访问默认迭代器
可迭代对象，都有一个Symbol.iterator方法，for-of循环时，通过调用colors数组的Symbol.iterator方法来获取默认迭代器的，这一过程是在JavaScript引擎背后完成的。
我们可以主动获取一下这个默认迭代器来感受一下：
let values = [1, 2, 3];
let iterator = values[Symbol.iterator]();
console.log(iterator.next()); // "{ value: 1, done: false}"
console.log(iterator.next()); // "{ value: 2, done: false}"
console.log(iterator.next()); // "{ value: 3, done: false}"
console.log(iterator.next()); // "{ value: undefined, done: true}"在这段代码中，通过Symbol.iterator获取了数组values的默认迭代器，并用它遍历数组中的元素。在JavaScript引擎中执行for-of循环语句也是类似的处理过程。
用Symbol.iterator属性来检测对象是否为可迭代对象：
function isIterator(object) {
return typeof object[Symbol.iterator] === "function";
}
console.log(isIterable([1, 2, 3])); // true
console.log(isIterable(new Set())); // true
console.log(isIterable(new Map())); // true
console.log(isIterable("Hello")); // true创建可迭代对象
当我们在创建对象时，给Symbol.iterator属性添加一个生成器，则可以将其变成可迭代对象：
let collection = {
items: [],
*[Symbol.iterator]() { // 将生成器赋值给对象的Symbol.iterator属性来创建默认的迭代器
for(let item of this.items) {
yield item;
}
}
};
collection.items.push(1);
collection.items.push(2);
collection.items.push(3);
for(let x of collection) {
console.log(x);
}内建迭代器
ES6中的集合对象，数组、Set集合和Map集合，都内建了三种迭代器：
entries() 返回一个迭代器，其值为多个键值对。如果是数组，第一个元素是索引位置；如果是Set集合，第一个元素与第二个元素一样，都是值。
values() 返回一个迭代器，其值为集合的值。
keys() 返回一个迭代器，其值为集合中的所有键名。如果是数组，返回的是索引；如果是Set集合，返回的是值（Set的值被同时用作键和值）。
不同集合的默认迭代器
每个集合类型都有一个默认的迭代器，在for-of循环中，如果没有显式指定则使用默认的迭代器。按常规使用习惯，我们很容易猜到，数组和Set集合的默认迭代器是values()，Map集合的默认迭代器是entries()。
请看以下示例：
let colors = [ "red", "green", "blue"];
let tracking = new Set([1234, 5678, 9012]);
let data = new Map();
data.set("title", "Understanding ECMAScript 6");
data.set("format", "print");
// 与调用colors.values()方法相同
for(let value of colors) {
console.log(value);
}
// 与调用tracking.values()方法相同
for(let num of tracking) {
console.log(num);
}
// 与调用data.entries()方法相同
for(let entry of data) {
console.log(entry);
}这段代码会输入以下内容：
"red"
"green"
"blue"
1234
5678
9012
["title", "Understanding ECMAScript 6"]
["format", "print"]
for-of循环配合解构特性，操纵数据会更方便：
for(let [key, value] of data) {
console.log(key + "=" + value);
}展开运算符操纵可迭代对象
let set = new Set([1, 2, 3, 4, 5]),
array = [...set];
console.log(array); // [1,2,3,4,5]
展开运算符可以操作所有的可迭代对象，并根据默认迭代器来选取要引用的值，从迭代器读取所有值。然后按返回顺序将它们依次插入到数组中。因此如果想将可迭代对象转换为数组，用展开运算符是最简单的方法。
关于“ES6中迭代器与生成器的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
分享名称：ES6中迭代器与生成器的示例分析
分享URL：http://cxhlcq.com/article/ghhpij.html
重庆分公司
重庆分公司
