ES6 中的 Iterator 是一个非常重要的概念，它可以帮助我们更方便地遍历各种数据结构，如数组、对象、Map、Set 等。本文将详细介绍 Iterator 的概念、用法和示例，帮助读者更好地理解和应用 Iterator。
什么是 Iterator？
Iterator，即遍历器，是一种接口，为各种不同的数据结构提供了统一的访问机制。它可以让我们使用相同的方式来访问不同的数据结构，无需关心数据结构内部的实现细节。
Iterator 接口主要包括两个方法：
next()：返回当前遍历的数据结构的下一个数据，格式为{ value: any, done: boolean }，其中value表示当前数据的值，done表示遍历是否结束。return()：用于提前退出遍历过程，如果不需要使用遍历器了，可以使用该方法释放资源。
Iterator 的应用
Iterator 的使用方式
Iterator 的使用方式非常简单，只需要使用 Symbol.iterator 方法即可。该方法会返回一个遍历器对象，我们可以使用 next() 方法来逐个访问数据结构内部的数据。
const arr = [1, 2, 3];
const iter = arr[Symbol.iterator]();
console.log(iter.next()); // { value: 1, done: false }
console.log(iter.next()); // { value: 2, done: false }
console.log(iter.next()); // { value: 3, done: false }
console.log(iter.next()); // { value: undefined, done: true }上面的代码中，我们首先通过 Symbol.iterator 方法获取了数组 arr 的遍历器对象 iter，然后使用 next() 方法逐个访问数组中的元素。
Iterator 的应用示例
1. 遍历 Map
我们可以使用 Map 的遍历器对象来遍历 Map 中的键值对。
// javascriptcn.com 代码示例
const map = new Map();
map.set('name', 'Tom');
map.set('age', 18);
const iter = map[Symbol.iterator]();
console.log(iter.next()); // { value: [ 'name', 'Tom' ], done: false }
console.log(iter.next()); // { value: [ 'age', 18 ], done: false }
console.log(iter.next()); // { value: undefined, done: true }2. 遍历 Set
同样的，我们也可以使用 Set 的遍历器对象来遍历 Set 中的元素。
const set = new Set([1, 2, 3]);
const iter = set[Symbol.iterator]();
console.log(iter.next()); // { value: 1, done: false }
console.log(iter.next()); // { value: 2, done: false }
console.log(iter.next()); // { value: 3, done: false }
console.log(iter.next()); // { value: undefined, done: true }3. 自定义数据结构的遍历
我们也可以自定义数据结构，并实现 Symbol.iterator 方法，来使用遍历器遍历自定义数据结构内部的数据。
// javascriptcn.com 代码示例
class MyData {
constructor() {
this.data = ['a', 'b', 'c'];
}
[Symbol.iterator]() {
let index = 0;
return {
next: () => {
if (index < this.data.length) {
return { value: this.data[index++], done: false };
} else {
return { value: undefined, done: true };
}
}
}
}
}
const myData = new MyData();
for (let item of myData) {
console.log(item);
}上面的代码中，我们自定义了一个 MyData 类，其中包含一个数组 data。然后我们实现了 Symbol.iterator 方法，返回一个遍历器对象，该遍历器对象包含一个 next() 方法，用于逐个访问 data 数组中的元素。
Iterator 的指导意义
使用 Iterator 可以让我们更方便地遍历各种数据结构，避免了访问内部数据结构时需要关注内部实现细节的问题。它还可以帮助我们更好地实现自定义数据结构，并使其可以被遍历。
在实际开发中，我们可以使用 Iterator 来遍历各种数据结构，如数组、对象、Map、Set 等。同时，我们也可以自定义数据结构，并实现 Symbol.iterator 方法，来使用遍历器遍历自定义数据结构内部的数据。
总结
本文详细介绍了 ES6 中的 Iterator 遍历器的概念、用法和示例。通过本文的学习，读者可以更好地理解和应用 Iterator，同时也可以更好地实现自定义数据结构，并使其可以被遍历。希望本文能够对读者有所指导和帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65815592d2f5e1655dc88c4b