什么是 each.js
each.js 是一个 JavaScript 库，它提供了一些简单的方法来帮助你在数组、对象、Map、Set 等各种数据结构中进行迭代。
each.js 具有以下特点：
- 独立的函数式 API，可用于循环所有类型的数据结构。
- 支持异步循环（也称为并行循环）。
- 强大的错误处理，可以进行非阻塞式循环，而无需处理来自循环体内部的任何错误。
如何使用 each.js
安装 each.js
你可以通过 npm 来安装 each.js：
npm install each --save
使用 each.js
接下来，我们将讲解如何使用 each.js：
循环数组
-- -------------------- ---- ------- ----- ---- - ---------------- ----- --- - --- -- -- -- --- --------- ------- ------ ----- -- - ------------------- --------- ------ ----------- ------- ---
在上面的代码中，我们调用了 each 函数，并传入了一个数组和一个回调函数。回调函数接收三个参数：
- 当前项的值。
- 当前项的下标。
- 一个回调函数，可以在当前项处理完成后进行调用，以便继续下一次迭代。
循环对象
-- -------------------- ---- ------- ----- ---- - ---------------- ----- --- - - ----- ----- ---- --- ------- --- -- --------- ------- ---- ----- -- - ----------------- ------- ------ ----------- ------- ---
在上面的代码中，我们调用了 each 函数，并传入了一个对象和一个回调函数。回调函数接收三个参数：
- 当前项的值。
- 当前项的键。
- 一个回调函数，可以在当前项处理完成后进行调用，以便继续下一次迭代。
循环 Map
-- -------------------- ---- ------- ----- ---- - ---------------- ----- --- - --- ------------- ------ ------- ---- ---------- ------- --------- ------- ---- ----- -- - ----------------- ------- ------ ----------- ------- ---
在上面的代码中，我们调用了 each 函数，并传入了一个 Map 对象和一个回调函数。回调函数接收三个参数：
- 当前项的值。
- 当前项的键。
- 一个回调函数，可以在当前项处理完成后进行调用，以便继续下一次迭代。
循环 Set
-- -------------------- ---- ------- ----- ---- - ---------------- ----- --- - --- ------- -- -- -- ---- --------- ------- ------ ----- -- - ------------------- --------- ------ ----------- ------- ---
在上面的代码中，我们调用了 each 函数，并传入了一个 Set 对象和一个回调函数。回调函数接收三个参数：
- 当前项的值。
- 当前项的下标。
- 一个回调函数，可以在当前项处理完成后进行调用，以便继续下一次迭代。
each.js 的更多用法
循环嵌套
你可以使用 each.js 来循环嵌套数据结构：
-- -------------------- ---- -------
----- ---- - ----------------
----- --- - --- --- --- --- --- -----
--------- ------- ------ ----- -- -
-- ---------------------- -
----------- ------- ------ ----- -- -
------------------- --------- ------ -----------
-------
-- ------
- ---- -
------------------- --------- ------ -----------
-------
-
---在上面的代码中，我们使用了嵌套的 each，以处理一个嵌套的数组。
并行循环
each.js 还支持并行循环（也称为异步循环），以处理复杂的、耗时的任务。
-- -------------------- ---- -------
----- ---- - ----------------
----- --- - --- -- -- -- ---
------------------ ------- ------ ----- -- -
------------- -- -
------------------- --------- ------ -----------
-------
-- ------------- - ------
-- -- -- -
---------------- --------
---在上面的代码中，我们使用了 parallel 方法，以并行地处理一个数组。
错误处理
each.js 支持非阻塞式循环，而无需处理来自循环体内部的任何错误。
-- -------------------- ---- -------
----- ---- - ----------------
----- --- - --- -- -- -- ---
--------- ------- ------ ----- -- -
-- ------ --- -- -
-------- ------------ ------ -- ------
- ---- -
------------------- --------- ------ -----------
-------
-
-- ----- -- -
-- ----- -
---------------------------
- ---- -
---------------- --------
-
---在上面的代码中，我们模拟了一个错误，并使用了回调函数中的 err 参数来处理它。
结论
each.js 提供了一些有用的方法，可以帮助你以清晰简洁的方式对 JavaScript 中的各种数据结构进行迭代。无论你是在开发 Node.js 还是浏览器端应用程序，each.js 都是一个值得一试的库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f7c238a385564ab6a31