将多个对象合并为一个对象并组合属性 JavaScript

Question

我在一个数组中有多个对象，我想合并所有具有相同 id 的对象，但我也想合并一个属性中的所有值（在这种情况下，通道）

这是代码：

defaultArray = [

  {

    id: "FirstId",

    name: "Some random name"

    channels: [{

      id: "Channel-ASD",

      name: "Channel ASD"

    }]

  },

  {

    id: "FirstId",

    name: "Some random name"

    channels: [{

      id: "Channel-QWE",

      name: "Channel QWE"

    }]

  },

  {

    id: "SecondId",

    name: "Some random name"

    channels: [{

      id: "Channel-QAZ",

      name: "Channel QAZ"

    }]

  }

];

预期输出：

newArray = [

  {

    id: "FirstId",

    name: "Some random name"

    channels: [

      {

        id: "Channel-ASD",

        name: "Channel ASD"

      },

      {

        id: "Channel-QWE",

        name: "Channel QWE"

      }

    ]

  },

  {

    id: "SecondId",

    name: "Some random name"

    channels: [{

      id: "Channel-QAZ",

      name: "Channel QAZ"

    }]

  }

]

Answer 1

你需要学习filter, map, reduce, some, ...let defaultArray = [  {    id: "FirstId",    name: "Some random name",    channels: [{      id: "Channel-ASD",      name: "Channel ASD"    }]  },  {    id: "FirstId",    name: "Some random name",    channels: [{      id: "Channel-QWE",      name: "Channel QWE"    }]  },  {    id: "SecondId",    name: "Some random name",    channels: [{      id: "Channel-QAZ",      name: "Channel QAZ"    }]  }];let transformed= defaultArray.reduce((result, item, index, original)=>{  if (result.some(i=>i.id===item.id)) return result;  let channels = original.reduce((r,i)=>{    i.id===item.id && (r=[...r, ...i.channels]);    return r;  },[]);  result.push({    ...item,    channels  });  return result;},[]);console.log(JSON.stringify(transformed,null,2));