Promise版本的数组遍历：多种方法，各显神通

2024-01-31 09:08:13

数组遍历是JavaScript中非常常见的一种操作，它允许我们对数组中的每个元素进行处理。在ES5中，我们通常使用for循环或forEach方法来遍历数组。在ES6中，我们还可以使用map、filter、some和every等方法来遍历数组。这些方法都返回一个新的数组，其中包含了原数组中满足一定条件的元素。

当我们的回调函数是一个Promise时，事情就变得复杂起来了。这是因为Promise是一个异步操作，这意味着它可能需要一段时间才能完成。为了处理这种情况，我们需要使用async/await语法或Promise.all()方法。

async/await语法

async/await语法允许我们编写异步代码，就像编写同步代码一样。我们可以在遍历数组时使用async/await语法，如下所示：

const array = [1, 2, 3, 4, 5];

async function asyncForEach(array, callback) {
  for (const element of array) {
    await callback(element);
  }
}

asyncForEach(array, async (element) => {
  // 这里可以进行异步操作
  const result = await someAsyncFunction(element);
  // 这里可以对结果进行处理
});

Promise.all()方法

Promise.all()方法允许我们等待多个Promise同时完成。我们可以使用Promise.all()方法来遍历数组，如下所示：

const array = [1, 2, 3, 4, 5];

const promises = array.map((element) => {
  return someAsyncFunction(element);
});

Promise.all(promises).then((results) => {
  // 这里可以对结果进行处理
});