时间戳

首页 > 解决方案 > 如何按公共属性对对象数组进行分组并将其他属性放在一起

javascript - 如何按公共属性对对象数组进行分组并将其他属性放在一起

问题描述

我有一个这样的对象数组

const statuses = [
  {time: '21/1/1990', 'Status.sold': 8848},
  {time: '21/1/1990', 'Status.reserved': 8804},
  {time: '21/1/1991', 'Status.reserved': 8756},
  {time: '21/1/1991', 'Status.sold': 8732},
  {time: '21/1/1992', 'Status.killed': 8691},
  {time: '21/1/1992', 'Status.sold': 8620},
  {time: '21/1/1993', 'Status.held': 8511},
  {time: '21/1/1993', 'Status.killed': 8511},
  {time: '21/1/1994', 'Status.sold': 8498},
];

我想要实现的是将所有Status.属性放在一起并按属性分组time，这对所有对象都是通用的。所以最终的结果会是这样的

const statuses = [
  {time: '21/1/1990', sold: 8848, killed: 0, reserved: 8804, held: 0},
  {time: '21/1/1991', sold: 8732, killed: 0, reserved: 8756, held: 0},
  {time: '21/1/1992', sold: 8620, killed: 8691, reserved: 0, held: 0},
  {time: '21/1/1993', sold: 0, killed: 8511, reserved: 0, held: 8511},
  {time: '21/1/1994', sold: 8498, killed: 0, reserved: 0, held: 0},
];

我尝试过这样的事情

const result = statuses.map((obj) => {
   return { ...obj, 
      sold: obj['Status.sold'] ? obj['Status.sold'] : 0,
      reserved: obj['Status.reserved'] ? obj['Status.reserved'] : 0,
      killed: obj['Status.killed'] ? obj['Status.killed'] : 0,
      held: obj['Status.held'] ? obj['Status.held'] : 0
   };
});

但我不知道如何将它们分组time。如何将reduce方法与此代码结合使用？提前致谢！

标签： javascriptarraysobjectecmascript-6reduce

解决方案

您可以使用一个对象进行分组time。

const
    statuses = [{ time: '21/1/1990', 'Status.sold': 8848 }, { time: '21/1/1990', 'Status.reserved': 8804 }, { time: '21/1/1991', 'Status.reserved': 8756 }, { time: '21/1/1991', 'Status.sold': 8732 }, { time: '21/1/1992', 'Status.killed': 8691 }, { time: '21/1/1992', 'Status.sold': 8620 }, { time: '21/1/1993', 'Status.held': 8511 }, { time: '21/1/1993', 'Status.killed': 8511 }, { time: '21/1/1994', 'Status.sold': 8498 }],
    result = Object.values(statuses.reduce((r, { time, ...o }) => {
        r[time] ??= { time, sold: 0, killed: 0, reserved: 0, held: 0 };
        Object.entries(o).forEach(([k, v]) => r[time][k.slice(7)] += v);
        return r;
    }, {}));

console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }

推荐阅读