在前端开发中，我们经常需要对数据进行操作和处理。在 ECMAScript 2015 (ES6) 中，引入了迭代器（Iterator）的概念，可以帮助我们更加优雅地构建算法。
迭代器的概念
迭代器是一种对象，它提供了一种遍历容器中所有元素的方法。在 ES6 中，迭代器是一个具有 next() 方法的对象，每次调用 next() 方法都会返回一个包含两个属性的对象：value 和 done。其中，value 表示当前遍历到的值，done 表示是否遍历完成。
迭代器可以被用于遍历数组、集合、映射等容器，也可以用于生成器（Generator）函数中。
使用迭代器构建算法
使用迭代器可以帮助我们更加优雅地构建算法。下面是一个简单的例子，使用迭代器计算数组的平均值：
-- -------------------- ---- -------
-------- ------------ -
--- --- - --
--- ----- - --
----- -------- - -----------------------
--- ---- - ----------------
----- ------------ -
--- -- -----------
--------
---- - ----------------
-
------ --- - ------
-
----- --- - --- -- -- -- ---
-------------------------- -- -- -在这个例子中，我们首先获取了数组的迭代器，然后使用 while 循环遍历数组中的所有元素，计算它们的和以及元素的数量，最后返回平均值。
使用迭代器可以让我们的代码更加简洁、优雅，同时也可以提高代码的可读性和可维护性。
迭代器和生成器
在 ES6 中，还引入了生成器（Generator）的概念。生成器是一种特殊的函数，可以通过 yield 关键字暂停函数的执行，并返回一个包含 value 和 done 属性的对象。当再次调用生成器函数时，会从上一次暂停的位置继续执行。
生成器函数可以用于构建迭代器。下面是一个示例，使用生成器函数构建一个简单的迭代器：
-- -------------------- ---- -------
--------- ------------ ---- -
--- ---- - - ------ - -- ---- ---- -
----- --
-
-
----- -------- - -------- ---
--- ---- - ----------------
----- ------------ -
------------------------
---- - ----------------
-在这个例子中，我们定义了一个生成器函数 range，它会返回一个从 start 到 end 的整数序列。我们通过调用 range 函数创建了一个迭代器，并使用 while 循环遍历序列中的所有元素。
总结
迭代器是一种非常有用的概念，可以帮助我们更加优雅地构建算法。在 ES6 中，迭代器和生成器为我们提供了强大的工具，可以用于遍历容器、构建迭代器等场景。学习和掌握迭代器和生成器，可以让我们的代码更加简洁、优雅，同时也可以提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650f8bcf95b1f8cacd842371