主页 / 问题 / 1286431
Accepted
overus
Asked:2022-05-26 23:12:54 +0000 UTC2022-05-26 23:12:54 +0000 UTC

连接 Promise.all 的结果？

  • 772

大家好。

根据两个请求的结果（可能还有更多），需要将响应返回的数组拼接成一个数组：


const getQuriesResult = async () => {
   const resultArray = [];
   
   Promise.all([
      await axios.get('https://jsonplaceholder.typicode.com/todos/'),
      await axios.get('https://jsonplaceholder.typicode.com/users/')
   ]).then( results => {

      results.map( ( item, i, arr ) => {
         
         // тут нужна конкатенация всех массивов из всех запросов в один...
         
         console.log(arr[i].data);
         // resultArray.concat(arr[i].data);
      } )
   });
};

getQuriesResult();

沙盒

我将非常感谢您的解决方案。

javascript

2 个回答

  1. 您可以使用该方法来组合数组.concat。此方法可以接受多个数组进行连接。

    所以连接代码可能如下所示：

    .then( results => {
    resultArray = resultArray.concat(...results);
})

    由于它.concat返回一个新数组，因此必须保存执行结果。

    await问题中代码中的不完全正确用法也值得关注。

    Promise.all([
  await axios.get('https://jsonplaceholder.typicode.com/todos/'),
  await axios.get('https://jsonplaceholder.typicode.com/users/')
])

    这个条目没有多大意义，因为它Promise.all用于等待 all Promise，但是，在这种情况下，值本身是在参数中传递给它的，而不是Promise。

    因此，代码可以替换为以下内容：

    const results = await Promise.all([
  axios.get('https://jsonplaceholder.typicode.com/todos/'),
  axios.get('https://jsonplaceholder.typicode.com/users/')
]);

    接下来，使用变量results.

    如果需要在合并之前对结果进行预处理，例如要获取某个属性，可以使用 方法.map

    最终代码可能如下所示：

    (async() => {
  const getQuriesResult = async() => {
    const resultArray = [];

    const results = await Promise.all([
      axios.get('https://jsonplaceholder.typicode.com/todos/'),
      axios.get('https://jsonplaceholder.typicode.com/users/')
    ]);

    return resultArray.concat(...results.map(item => item.data));
  };

  console.log(
    await getQuriesResult()
  );
})();
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    • 4
  2. Best Answer
    const getQuriesResult = async () => {
   const res = await Promise.all([
      await axios.get('https://jsonplaceholder.typicode.com/todos/'),
      await axios.get('https://jsonplaceholder.typicode.com/users/')
   ]);
   let results = [];
   res.forEach((obj) => {
      results = [...results, ...obj.data];
      }
   );
   return results
};

getQuriesResult();
    • 2

相关问题