如何合并数组中ID相同的数据，并按type类型分别生成jine属性？-js教程-PHP中文网

如何合并数组中ID相同的数据，并按type类型分别生成jine属性？

DDD

发布： 2024-11-21 08:42:17

原创

1154人浏览过

如何合并数组中id相同的数据，并按type类型分别生成jine属性？

如何将数组中 id 相同的数据合并为对象？

给定一个数组 list，其中每个元素都包含 id、jine 和 type 属性。要求将数组中 id 相同的数据合并为一个对象，新的对象应具有 id 及不同 type 对应的 jine 属性。

原数据：

const list = [
    {
        id: "202301",
        jine: 23,
        type: "晚餐"
    },
    {
        id: "202301",
        jine: 87.5,
        type: "早餐"
    },
    {
        id: "202301",
        jine: 1065.5,
        type: "中餐"
    },
    {
        id: "202302",
        jine: 10,
        type: "晚餐"
    },
    {
        id: "202302",
        jine: 181.5,
        type: "早餐"
    },
    {
        id: "202302",
        jine: 633.5,
        type: "中餐"
    }
];

登录后复制

期望数据格式：

const list = [
    {
        id: "202301",
        jine1: 87.5, // 早
        jine2: 1065.5, // 中
        jine3: 23 // 晚
    },
    {
        id: "202302",
        jine1: 181.5, // 早
        jine2: 633.5, // 中
        jine3: 10 // 晚
    }
];

登录后复制

解决方案：

Object.entries(Object.groupBy(list, item => item.id))
  .map(([k, v]) => ({ 
    id: k, 
    jine1: v.find(e => e.type === '早餐')?.jine, 
    jine2: v.find(e => e.type === '中餐')?.jine, 
    jine3: v.find(e => e.type === '晚餐')?.jine 
  }))

登录后复制

解释：