js在循环中使用await

在 JavaScript 中，`Array.map()` 和 `Array.forEach()` 方法都是同步执行的，它们会立即遍历数组并执行传入的函数。当在传入的函数内部使用 `await` 时，实际上并不会等待异步操作完成，而是会立即继续执行下一次迭代或执行后续的代码。这是因为 `map()` 和 `forEach()` 不支持等待异步操作完成。

例如，在下面的示例中，尝试使用 `await` 在 `map()` 中等待异步操作完成：
const files = [file1, file2, file3];

files.map(async (file, index) => {
  try {
    const base64String = await getBase64(file);
    console.log('文件索引:', index, 'Base64字符串:', base64String);
  } catch (error) {
    console.error('处理文件索引', index, '时出错:', error);
  }
});

在这个示例中，尽管在 `map()` 内部使用了 `async` 和 `await`，但实际上 `map()` 会立即执行所有的函数，并不会等待异步操作完成。这意味着 `console.log()` 不会等待异步操作完成就执行，并且你也不能依赖索引来确保正确的顺序。

因此，当你需要在循环中等待异步操作完成时，最好使用 `for...of` 循环或经典的 `for` 循环，并在循环体内部使用 `await`。