ES7 中使用 Array.prototype Symbol.iterator 实现自定义迭代器
迭代器是 JavaScript 中的一种数据访问方式，它可以让我们按照特定顺序访问集合中的每个元素，而无需关心底层数据结构。在 ES6 中，我们已经学习了如何使用内置迭代器来遍历数组、Map、Set 等数据结构。但是，在某些情况下，我们需要自定义迭代器来处理特殊需求，这就需要使用 Array.prototype Symbol.iterator 方法。
ES7 中新增了 Symbol.iterator 方法，它可以让我们定义自己的迭代器，以便在需要时使用。该方法返回一个迭代器对象，该对象具有 next() 方法，该方法返回一个对象，该对象包含两个属性：value 和 done。value 属性表示当前迭代到的值，done 属性表示是否已经迭代完毕。
下面是一个示例代码，演示如何使用 Symbol.iterator 方法来自定义迭代器：
--- ------- - --- -- -- -- ---
------------------------ - ---------- -
--- ----- - --
--- ---- - -----
------ -
----- ---------- -
-- ------ - ------------ -
------ - ------ -------------- ----- ----- --
- ---- -
------ - ------ ---------- ----- ---- --
-
-
--
-
--- ---- ---- -- -------- -
------------------
-在上面的代码中，我们定义了一个名为 myArray 的数组，并使用 Symbol.iterator 方法来定义自己的迭代器。在迭代器函数中，我们定义了一个 index 变量来跟踪当前迭代到的位置，并将数组本身存储在 data 变量中。接下来，我们返回一个对象，该对象具有 next() 方法，该方法返回一个对象，该对象包含当前迭代到的值和一个表示是否已经迭代完毕的布尔值。
最后，我们使用 for...of 循环来遍历 myArray 数组，并打印每个元素的值。在这个例子中，我们自定义了一个迭代器来遍历数组元素，这可以让我们在特殊情况下更好地控制迭代过程。
总结
在 ES7 中，我们可以使用 Symbol.iterator 方法来自定义迭代器，以便在需要时使用。自定义迭代器可以让我们在特殊情况下更好地控制迭代过程，从而更好地处理数据。在实际开发中，我们可以根据具体需求来定义自己的迭代器，以便更好地满足业务需求。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65f1186e2b3ccec22f9e657a