在 ES6 中，Iterator 是一个非常重要的概念，它可以帮助我们迭代遍历数据结构，例如数组、集合、Map 等等。对于一些自定义数据结构，我们可以通过实现 Iterator 接口来实现自定义迭代器，从而使用 for...of 循环来遍历我们的数据结构。
Iterator 接口
Iterator 接口是一个包含 next 方法的对象，该方法返回一个包含 value 和 done 两个属性的对象。其中，value 表示当前迭代器的值，done 表示迭代器是否已经遍历完毕。
{
next: function() {
return {
value: ...,
done: ...
}
}
}实现自定义迭代器
我们可以通过实现 Iterator 接口来实现自定义迭代器。下面是一个示例，它实现了一个自定义的迭代器，用于遍历一个字符串的每一个字符。
-- -------------------- ---- -------
--- --- - ------ -------
--- -------- - -
------------------ ---------- -
--- ----- - --
--- ------ - --------------
------ -
----- ---------- -
-- ------ - -------------- -
------ -
------ ----------------
----- -----
--
- ---- -
------ -
----- ----
--
-
-
--
-
--
--- ---- ---- -- --------- -
------------------
-在上面的示例中，我们首先定义了一个字符串 hello world，然后定义了一个名为 iterator 的对象，该对象实现了 Iterator 接口。我们通过 [Symbol.iterator] 方法来定义这个对象的迭代器，该方法返回一个包含 next 方法的对象。在 next 方法中，我们使用一个 index 变量来记录当前迭代器的位置，然后将字符串转换为字符数组，通过数组的下标来获取每一个字符并返回给调用者。
最后，我们使用 for...of 循环来遍历该迭代器，并打印出每一个字符。
指导意义
实现自定义迭代器可以帮助我们更好地理解 Iterator 接口的实现原理，并且可以帮助我们更好地理解 for...of 循环的工作原理。在实际开发中，我们可以通过实现自定义迭代器来更好地管理我们的数据结构，从而提高代码的可读性和可维护性。
总结
在本文中，我们详细介绍了 ES6 中 Iterator 接口的实现原理，并且通过示例代码演示了如何实现自定义迭代器。希望本文对大家理解 Iterator 接口有所帮助，并且可以帮助大家更好地应用 Iterator 接口来管理自己的数据结构。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65cb206aadd4f0e0ff4e160d