ES6 如何实现自定义迭代器
在 ES6 之前，我们常常使用 for 循环来遍历数组、对象等数据结构。但是，ES6 引入了一个新的遍历概念 -- 迭代器（Iterator），它是一种用于迭代数据结构的通用接口。本文将介绍如何在 ES6 中实现自定义迭代器，以及如何使用它们遍历数据结构。
概念
在 ES6 中，迭代器是一个具有 next 方法的对象，next 方法返回一个包含两个属性的对象，分别为 done 和 value。其中，done 表示当前是否迭代完成，value 表示当前迭代返回的值。
一个迭代器通常具有以下结构：
let iterator = {
next: function() {
// 返回一个包含 done 和 value 两个属性的对象
return { done: Boolean, value: Any }
}
}具体而言，我们可以通过实现迭代器接口来遍历自定义的数据结构。下面我们将演示如何实现自定义迭代器，以及如何使用它来遍历自定义数据结构。
实现
让我们先看一下一个简单的示例。我们实现一个迭代器，该迭代器可以遍历 1 到 3 的整数。
-- -------------------- ---- -------
--- ---------- - -
-------- --
----- --
----- ---------- -
------ ------------ -- ---------
- - ----- ------ ------ -------------- -
- - ----- ---- -
-
--
----- ------------------------- -
-------------------------------------
-在这个例子中，我们首先定义了一个含有 3 个属性的对象 myIterator，分别是 current，last 和 next。其中，current 和 last 用于记录当前迭代器已经遍历到哪个位置，初始值分别为 1 和 3。next 是一个方法，每次调用都会返回一个包含 done 和 value 属性的对象，其中 done 表示当前是否迭代完成，value 表示当前迭代返回的值。如果 current 小于或等于 last，则返回 { done: false, value: this.current++ }，否则返回 { done: true }。
最后，我们使用 while 循环来遍历整个迭代器。每次循环调用 myIterator.next() 方法，如果返回的 { done: true }，则退出循环，否则打印 value。
可以看到，该迭代器可以顺利输出 1，2，3。
指导意义
自定义迭代器是一种通用的遍历数据结构的方式，可以被用于遍历任何实现了迭代器接口的数据结构。通过实现自定义迭代器，我们可以方便地遍历我们所定义的数据结构。例如，我们可以使用迭代器遍历具有复杂结构的对象、树形结构、甚至是 DOM 元素，提高代码的可读性和可维护性。
在日常工作中，我们经常需要遍历数据结构，而自定义迭代器无疑是一种更加优雅和高效的方案，希望本文能够帮助大家理解迭代器的概念和实现方式，从而在实际工作中更好地应用自定义迭代器。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/678110c04b0a96d284d672ab