什么是 async-array-loop？
async-array-loop 是一个可以让你在循环中使用异步函数的 npm 包。如果你曾经遇到过需要在循环中执行异步代码的情况，你一定知道这个过程非常繁琐。它需要大量的回调函数或使用 Promise，而这个包正是为了解决这个问题而存在的。
安装
你可以在 npm 上安装 async-array-loop：
npm install async-array-loop
API
async-array-loop 提供了两个方法：arrayLoop 和 arrayReduceLoop。
arrayLoop
arrayLoop 接受一个数组和一个异步函数，它将使用提供的异步函数对数组进行循环。异步函数必须接收三个参数：当前元素，当前索引和一个回调函数。该回调函数必须在异步函数完成后调用，以便 async-array-loop 可以继续循环。
const asyncArrayLoop = require('async-array-loop');
asyncArrayLoop.arrayLoop([1, 2, 3], (item, index, next) => {
setTimeout(() => {
console.log(item);
next();
}, 1000);
});arrayReduceLoop
arrayReduceLoop 与 arrayLoop 相似，但它还接受一个初始值。例如，你可以使用它来计算数组中所有数字的总和：
-- -------------------- ---- -------
----- -------------- - ----------------------------
---------------------------------- -- --- -- ------ ------ ------ ----- -- -
------------- -- -
------------------
---------- - ------
-- ------
-- ------- -- -
------------------- -----------
---异步操作的处理顺序
很重要的一点是，asyncArrayLoop 会保证异步函数的执行顺序与数组的顺序相同。这意味着如果你有一个异步操作需要在另一个异步操作完成后才能开始，你可以放心地在循环中使用它们，它们会按顺序执行。
-- -------------------- ---- -------
----- -------------- - ----------------------------
---------------------------- -- --- ------ ------ ----- -- -
------------- -- -
----------------------- ---- ----------
-------
-- ---- - ------
-- -- -- -
---------------- ----- ------------
---总结
使用 async-array-loop，你可以避免在循环中使用回调函数和 Promise 的麻烦。它可以让你在循环中使用异步函数，而不必担心操作的处理顺序。无论你是在使用 Node.js 还是浏览器端，它都是一个非常有用的工具，可以让你的前端代码更加简洁和直观。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562ce81e8991b448e01a3