在 ES6 中，引入了一种新的数据类型 Symbol，它可以作为对象属性的唯一标识符，避免了属性名冲突的问题。Symbol 还有一个非常重要的应用，就是用于定义迭代器。
迭代器是一种数据结构，它可以按照一定的顺序依次访问数据集合中的元素。在 ES6 之前，我们通常使用 for 循环或 forEach 方法来遍历数组或类数组对象。但是，对于其他的数据结构，比如对象、Map、Set 等，我们无法直接使用循环或 forEach 方法来遍历其中的元素。这时候，我们就可以使用迭代器来实现遍历。
Symbol.iterator 的作用
在 ES6 中，如果一个对象具有 Symbol.iterator 方法，那么它就可以被称为可迭代对象。这个方法返回一个迭代器对象，该对象具有 next 方法，每次调用 next 方法都会返回一个包含 value 和 done 两个属性的对象。其中，value 表示当前迭代到的元素，done 表示迭代是否结束。
Symbol.iterator 的作用就是定义一个可迭代对象的迭代器。在对象中定义 Symbol.iterator 方法，使得该对象可以被 for...of 循环遍历。
实现一个迭代器
下面我们来看一个实现迭代器的例子。假设我们有一个数组，现在我们想要实现一个迭代器来遍历这个数组中的元素。
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 }首先，我们获取了数组的迭代器对象 iter，然后调用了它的 next 方法来依次获取数组中的元素。在第一次调用 next 方法时，返回的对象中 value 属性为 1，done 属性为 false，表示迭代器还没有遍历完数组中的所有元素。在后续的调用中，value 属性分别为 2 和 3，done 属性仍然为 false。在最后一次调用中，value 属性为 undefined，done 属性为 true，表示迭代器已经遍历完了数组中的所有元素。
使用 for...of 遍历可迭代对象
有了迭代器，我们可以使用 for...of 循环来遍历可迭代对象。下面是一个使用 for...of 循环遍历数组的例子：
const arr = [1, 2, 3];
for (const item of arr) {
console.log(item);
}
// 1
// 2
// 3由于数组是一个可迭代对象，我们可以直接使用 for...of 循环来遍历其中的元素。
自定义迭代器
除了使用数组自带的迭代器，我们还可以自定义迭代器。下面是一个自定义迭代器的例子。
const obj = {
data: [1, 2, 3],
[Symbol.iterator]() {
let index = 0;
const self = this;
return {
next() {
if (index < self.data.length) {
return { value: self.data[index++], done: false };
} else {
return { value: undefined, done: true };
}
},
};
},
};
for (const item of obj) {
console.log(item);
}
// 1
// 2
// 3在这个例子中，我们定义了一个对象 obj，它有一个 data 数组和一个 Symbol.iterator 方法。在 Symbol.iterator 方法中，我们返回一个迭代器对象，该对象有一个 next 方法，每次调用 next 方法都会返回一个包含 value 和 done 两个属性的对象。在 next 方法中，我们使用 index 变量来记录当前迭代到的元素的下标，如果下标小于数组的长度，就返回当前元素，done 属性为 false，表示迭代器还没有遍历完数组中的所有元素。如果下标大于等于数组的长度，就返回 undefined，done 属性为 true，表示迭代器已经遍历完了数组中的所有元素。
最后，我们使用 for...of 循环遍历了自定义的迭代器对象，输出了数组中的元素。
总结
ES6 中的 Symbol.iterator 提供了一种简单、统一的方式来定义迭代器，使得我们可以方便地遍历各种数据结构。通过定义迭代器，我们可以让对象变得更加灵活，更加易于操作。同时，使用迭代器还可以提高代码的可读性和可维护性，让代码更加优雅。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65c184d4add4f0e0ffb7db3a