如何在不同类型的数组上使用Promise.all()？_使用Promise.all存储不同类型的数据的最佳方式是什么？_使用映射类型将泛型类型数组映射到不同的(返回)数组 - 腾讯云开发者社区

Promise.all() 是 JavaScript 中的一个方法，用于处理多个 Promise 对象。当所有传入的 Promise 都成功地完成（fulfilled）时，它将返回一个新的 Promise，该 Promise 将解析为一个包含所有成功完成的 Promise 结果的数组。如果任何一个 Promise 被拒绝（rejected），则 Promise.all() 立即被拒绝，并返回第一个被拒绝的 Promise 的错误。

基础概念

Promise: 表示一个异步操作的最终完成（或失败）及其结果值的状态。
Promise.all(): 接受一个 Promise 对象的数组作为参数，当所有 Promise 都成功完成时，返回一个新的 Promise，该 Promise 解析为一个包含所有 Promise 结果的数组。

类型

Promise.all() 可以接受不同类型的数组，包括：

普通对象数组
基本数据类型数组
Promise 对象数组

应用场景

当你需要并行执行多个异步操作，并且只有在所有操作都完成后才继续执行下一步时，可以使用 Promise.all()。

示例代码

以下是一些不同类型的数组上使用 Promise.all() 的示例：

1. 基本数据类型数组

const promises = [
  Promise.resolve(1),
  Promise.resolve(2),
  Promise.resolve(3)
];

Promise.all(promises)
  .then(results => {
    console.log(results); // [1, 2, 3]
  })
  .catch(error => {
    console.error(error);
  });

2. 普通对象数组

const promises = [
  Promise.resolve({ id: 1, name: 'Alice' }),
  Promise.resolve({ id: 2, name: 'Bob' }),
  Promise.resolve({ id: 3, name: 'Charlie' })
];

Promise.all(promises)
  .then(results => {
    console.log(results); // [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Charlie' }]
  })
  .catch(error => {
    console.error(error);
  });

3. 混合类型数组

const promises = [
  Promise.resolve(1),
  Promise.resolve({ id: 2, name: 'Bob' }),
  Promise.resolve(3)
];

Promise.all(promises)
  .then(results => {
    console.log(results); // [1, { id: 2, name: 'Bob' }, 3]
  })
  .catch(error => {
    console.error(error);
  });

遇到的问题及解决方法

问题：如果数组中的某个 Promise 被拒绝，`Promise.all()` 会立即被拒绝。

const promises = [
  Promise.resolve(1),
  Promise.reject(new Error('Error in promise 2')),
  Promise.resolve(3)
];

Promise.all(promises)
  .then(results => {
    console.log(results);
  })
  .catch(error => {
    console.error(error); // Error: Error in promise 2
  });

解决方法：可以使用 `Promise.allSettled()` 来处理这种情况，它会等待所有 Promise 完成，无论它们是成功还是失败。

const promises = [
  Promise.resolve(1),
  Promise.reject(new Error('Error in promise 2')),
  Promise.resolve(3)
];

Promise.allSettled(promises)
  .then(results => {
    console.log(results);
    // [
    //   { status: 'fulfilled', value: 1 },
    //   { status: 'rejected', reason: Error: Error in promise 2 },
    //   { status: 'fulfilled', value: 3 }
    // ]
  });