在前端开发中，我们经常需要对数组或对象进行遍历操作，而 each 是一个轻量级的、功能强大的 npm 包，可以帮助我们更加便捷地进行迭代。
安装和引入
使用 npm 进行安装：
npm install each --save
然后在 JavaScript 文件中引入：
const each = require('each');基本用法
遍历数组
假设有如下数组：
const arr = [1, 2, 3, 4, 5];
可以使用 each 方法对其进行遍历：
each(arr, function(item, index, array) {
console.log(item); // 输出每个元素的值
});其中，第一个参数为需要遍历的数组，第二个参数是一个函数，该函数接受三个参数：当前元素的值、索引和整个数组。在这个例子中，我们简单地输出了每个元素的值。
遍历对象
假设有如下对象：
const obj = { name: 'Tom', age: 18 };可以使用 each 方法对其进行遍历：
each(obj, function(value, key, object) {
console.log(key + ': ' + value); // 输出每个属性的键值对
});其中，第一个参数为需要遍历的对象，第二个参数是一个函数，该函数接受三个参数：当前属性的值、键和整个对象。在这个例子中，我们输出了每个属性的键值对。
进阶用法
并行迭代
each 方法默认是串行迭代，即一个元素/属性处理完后才会进行下一个。但是有些场景下需要并行执行，可以使用 each.parallel 方法实现。
假设有如下数组：
const arr = [1, 2, 3, 4, 5];
可以使用 each.parallel 方法对其进行并行遍历：
each.parallel(arr, function(item, index, array, done) {
// 异步操作
setTimeout(function() {
console.log(item); // 输出每个元素的值
done(); // 必须调用 done 函数
}, Math.random() * 1000);
});其中，第一个参数为需要遍历的数组，第二个参数是一个函数，该函数接受四个参数：当前元素的值、索引、整个数组和一个回调函数 done。在这个例子中，我们模拟了一个异步操作，并在完成后调用 done 回调函数。
自定义上下文
在默认情况下，each 方法的回调函数中的 this 关键字指向全局作用域。如果需要自定义 this 上下文，可以使用 each.call 方法。
假设有如下数组：
const arr = [1, 2, 3, 4, 5];
可以使用 each.call 方法对其进行遍历：
-- -------------------- ---- -------
----- ------- - -
----- ------
------ ---------- -
---------------- - -- - - -----------
-
--
-------------- -------------- ------ ------ -
------------- -- -- --- - -- ---
-- ---------其中，第一个参数为需要遍历的数组，第二个参数是一个回调函数，第三个参数是自定义的 this 上下文。在这个例子中，我们定义了一个对象 context，并将它传递给 each.call 方法，然后在回调函数中通过 this 访问了对象的属性。
总结
each 是一个非常实用的 npm 包，它可以帮助我们更加便捷地进行迭代操作。本篇文章介绍了该包的基本用法和
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49146