在前端开发中，我们经常需要对数组或对象进行遍历操作，而 each 是一个轻量级的、功能强大的 npm 包，可以帮助我们更加便捷地进行迭代。
安装和引入
使用 npm 进行安装：
--- ------- ---- ------
然后在 JavaScript 文件中引入：
----- ---- - ----------------
基本用法
遍历数组
假设有如下数组：
----- --- - --- -- -- -- ---
可以使用 each 方法对其进行遍历：
--------- -------------- ------ ------ - ------------------ -- -------- ---
其中，第一个参数为需要遍历的数组，第二个参数是一个函数，该函数接受三个参数：当前元素的值、索引和整个数组。在这个例子中，我们简单地输出了每个元素的值。
遍历对象
假设有如下对象：
----- --- - - ----- ------ ---- -- --
可以使用 each 方法对其进行遍历：
--------- --------------- ---- ------- - --------------- - -- - - ------- -- ---------- ---
其中，第一个参数为需要遍历的对象，第二个参数是一个函数，该函数接受三个参数：当前属性的值、键和整个对象。在这个例子中，我们输出了每个属性的键值对。
进阶用法
并行迭代
each 方法默认是串行迭代，即一个元素/属性处理完后才会进行下一个。但是有些场景下需要并行执行，可以使用 each.parallel 方法实现。
假设有如下数组：
----- --- - --- -- -- -- ---
可以使用 each.parallel 方法对其进行并行遍历：
------------------ -------------- ------ ------ ----- -
-- ----
--------------------- -
------------------ -- --------
------- -- ---- ---- --
-- ------------- - ------
---其中，第一个参数为需要遍历的数组，第二个参数是一个函数，该函数接受四个参数：当前元素的值、索引、整个数组和一个回调函数 done。在这个例子中，我们模拟了一个异步操作，并在完成后调用 done 回调函数。
自定义上下文
在默认情况下，each 方法的回调函数中的 this 关键字指向全局作用域。如果需要自定义 this 上下文，可以使用 each.call 方法。
假设有如下数组：
----- --- - --- -- -- -- ---
可以使用 each.call 方法对其进行遍历：
----- ------- - -
----- ------
------ ---------- -
---------------- - -- - - -----------
-
--
-------------- -------------- ------ ------ -
------------- -- -- --- - -- ---
-- ---------其中，第一个参数为需要遍历的数组，第二个参数是一个回调函数，第三个参数是自定义的 this 上下文。在这个例子中，我们定义了一个对象 context，并将它传递给 each.call 方法，然后在回调函数中通过 this 访问了对象的属性。
总结
each 是一个非常实用的 npm 包，它可以帮助我们更加便捷地进行迭代操作。本篇文章介绍了该包的基本用法和
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/49146