angular - 如何将多个对象合并为一个并处理 typescript 中的重复键

Question

我正在使用 ng2-charts，我需要填充水平条形图。 我在 keys.forEach 中获取我的值，我的图表数据的结果 console.log 是(示例):

{ReasonA: 5}
{ReasonA: 5, ReasonB: 5}
{ReasonA: 1, ReasonB: 3, ReasonC: 2}
{ReasonA: 1, ReasonB: 4, ReasonE: 2}

我需要将对象合并为一个，并处理同一个键的多个值。这个例子的期望的结果是这个对象:

{ReasonA: 12, ReasonB: 12, ReasonC: 2, ReasonE: 2}

有了那个对象，我就可以拆分键和值并填充图表。您能否指导我如何将 4 个对象合并成所需的结果？

提前致谢。

Answer 1

如果所有属性都是数字，那么使用数组 reduce 的逻辑非常简单。如果属性有不同的类型，那么逻辑会稍微复杂一些。以下是您可以编写的函数示例来实现此目的:

function sumProperties(...objects: { [key: string]: number }[]) {
  return objects.reduce((acc, obj) => {
    for (let key in obj) {
      let a = acc[key] || 0;
      let b = obj[key];
      acc[key] = a + b;
    }

    return acc;
  }, {});
}

使用示例:

sumProperties(
  {ReasonA: 5},
  {ReasonA: 5, ReasonB: 5},
  {ReasonA: 1, ReasonB: 3, ReasonC: 2},
  {ReasonA: 1, ReasonB: 4, ReasonE: 2},
)