代码之家 › 专栏 › 技术社区 › Tenusha Guruge

如何将多个数组聚合为一个数组

arrays node.js javascript

Tenusha Guruge · 技术社区 · 5 年前

我必须多次调用端点,并将响应聚合到一个数组中。以下是端点的响应;

{
   items: [
      {key1: value},
      {key2: value}
   ]
}

下面是多次调用端点的代码;

const chunkedArray = getChunkedArray(largeArray);
const result = await Promise.all(
   chunkedArray.map(async (items) => {
      const response = await ....get(`http:/url/${items}`);
      return response.items;
   });
);

我得到的结果是:;

[
   [
      {key1: value},
      {key2: value}
   ],
   [
      {key3: value},
      {key4: value}
   ]
]

我想要的是一个聚合数组,如下所示;

[
   {key1: value},
   {key2: value},
   {key3: value},
   {key4: value}
]

这样做的最佳方式是什么?

1 回复 | 直到 5 年前

Tushar Shahi 5 年前

尝试使用 Array.prototype.flat() ;

let arr1 = [
   [
      {key1: value},
      {key2: value}
   ],
   [
      {key3: value},
      {key4: value}
   ]
]

let arr2 = arr1.flat(); 
/* [
      {key1: value},
      {key2: value},
      {key3: value},
      {key4: value}
   ] */

如果你想在没有平面的情况下做到这一点,你也可以使用reduce:

let promises = Promise.all(
   chunkedArray.map(async (items) => {
      const response = await ....get(`http:/url/${items}`);
      return response.items;
   });
);

const result =promises.reduce((cum,x) => {
let newArr = await x;
return [...cum,...newArr ];
},[]);

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前