npm 是前端开发中重要的工具之一，可以用来安装、管理和发布编写好的代码包。其中 sync-each 是一个非常实用的 npm 包，可以帮助我们在同步或异步情况下遍历一个数组或对象。
安装
安装 sync-each 可以使用npm 或 yarn 命令：
npm install sync-each --save
或者
yarn add sync-each
使用
安装成功后，我们就可以在项目中调用包中提供的方法了。使用 sync-each 遍历数组非常简单。下面我们来看看如何使用它。
同步遍历
首先我们来看一下如何使用 sync-each 实现同步遍历。我们在这里使用常见的 forEach 模式，比较一下两者的差别。
-- -------------------- ---- -------
--- -------- - ---------------------
-- -- ------- ----
--- ----- - --- -- -- -- ---
---------------------- ------ -
------------------
---
-- -- -------- ----
--------------- -------- ------ ----- -
------------------
-------
---可以看到，使用 sync-each，我们需要传入两个参数：包含遍历对象的数组和一个回调函数。
回调函数中包含两个参数：当前项和一个 next 函数。next 函数表示当前项处理完成后的下一项，用于向下执行循环。
异步遍历
接下来，我们来看一下如何使用 sync-each 实现异步遍历。
-- -------------------- ---- -------
--- -------- - ---------------------
-- -- ------- ----
--- ----- - --- -- -- -- ---
---------------------- ------ -
------------------- -- -
------------------
-- ------
---
-- -- -------- ----
--------------- -------- ------ ----- -
------------------- -- -
------------------
-------
-- ------
-- -------- -- -
--------------------
---使用 sync-each 遍历数组同步或异步，只需要传入一个回调函数即可。该函数包含三个参数：当前项、next 函数和一个可选的回调函数。
当遍历完成时，回调函数将被调用，我们可以在其中添加一些逻辑来处理遍历之后的结果。
示例
下面我们来看一个实际的例子，展示 sync-each 包在工作中的使用方法。
-- -------------------- ---- -------
--- -------- - ---------------------
--- -- - --------------
--- ---- - ----------------
--- ------- - -----------
--- -------- - ----------------
-- -----------------
-- -------------------------- -
-----------------------
-
------------------- -------- ----- ------ -
-- ----- ----- ----
--------------- -------- ------ ----- -
--- -------- - ------------------ ------
--- --------- - ------------------- ------
----------------- -------- ----- ----- -
-- ----- ----- ----
-- --------------- -
-- ----
--- ---------- - ------------------------------
--- ----------- - --------------------------------
-----------------------------
- ---- -- -------------------- -
-- -------
------------------------
-------------------- -------- ----- --------- -
-- ----- ----- ----
------------------ -------- --------- -------- -
--- ----------- - ------------------- ---------
--- ------------ - -------------------- ---------
-------------------- -------- ----- -------- -
-- ----- ----- ----
-- ------------------ -
-- ----
--- ------------- - ---------------------------------
--- -------------- - -----------------------------------
-----------------------------------
- ---- -- ----------------------- -
-- -------
-----
-
----------
---
-- -------- -- -
-------
---
---
-
---
-- -------- -- -
--------------------
---
---在上面的例子中，我们使用 sync-each 遍历了一个目录，并把该目录下的文件和子目录都复制到了另一个目录下。可以看到，sync-each 把代码写得更加简洁，易于理解。同时也提高了代码的可维护性。
总结
npm 包 sync-each 提供了一个快速遍历数组和对象的方法，支持同步和异步循环。在实际项目中，我们可以使用它来遍历一个目录，读写文件等场合。相较于传统的循环， sync-each 的使用方式更加简单和直接，在代码的可读性和可维护性上也有明显的优势。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005515681e8991b448ce6de