如何使用数组方法将具有相同属性值的对象组合到一个数组中

如何解决如何使用数组方法将具有相同属性值的对象组合到一个数组中

const input = [{diagramId: 123,data: [{id: 1,content: content1}]},{diagramId: 123,data: [{id: 2,content: content2},{id: 23,content: conent23}] },{diagramId: 234,data: [{id: 3,content: content3}]}]

Desired output: 
const output = [{diagramId: 123,content: content1},{id: 2,content: content23}]},content: content3}]}]
                                         

正如你在上面看到的，我想用数组方法来组合共享相同属性值 (diagramId) 的对象，以形成一个新对象，将它们的其他属性浓缩到另一个属性下的数组中。

我使用了 for 循环，但由于可读性问题被 PR 拒绝。 是否可以使用 Array.reduce() 来做到这一点？

解决方法

是的，您可以使用 reduce

轻松实现这一目标

const input = [
  { diagramId: 123,data: [{ id: 1,content: "content1" }] },{
    diagramId: 123,data: [
      { id: 2,content: "content2" },{ id: 23,content: "conent23" },],},{ diagramId: 234,data: [{ id: 3,content: "content3" }] },];


const result = input.reduce((acc,curr) => {
  const { diagramId,data } = curr;
  const findObj = acc.find((o) => o.diagramId === diagramId);
  if (!findObj) {
    acc.push({ diagramId,data });
  } else {
    findObj.data.push(...data);
  }
  return acc;
},[]);

console.log(result);