从对象数组中获取唯一值及其数量

Question

所以我收到一个 JSON 请求，该请求发送具有两个属性的对象数组，我需要提取唯一值及其数量。

这是通过 Postman 发送的 JSON：

[
    {"name": "First value", "amount": 2},
    {"name": "Second value", "amount": 4},
    {"name": "First value", "amount": 6}  
]

我需要返回一个 JSON 响应，其中包含唯一值及其总和：

对象应如下所示：

{
   "First value": 8,
   "Second value": 4
}

Answer 1

您也可以简单地使用Array.forEach，因为它在很大程度上更容易理解和遵循：

let arr = [{ "name": "First value", "amount": 2 }, { "name": "Second value", "amount": 4 }, { "name": "First value", "amount": 6 } ],
    obj={}

arr.forEach(({name, amount}) => {
  obj[name] = obj[name] || 0
  obj[name] += amount
})

console.log(obj)

这里的主要区别是我们的accumulator（obj）是在外部而不是“内部”定义为Array.reduce函数的参数。

Answer 2

您可以使用reduce()

const arr = [ 
    {"name": "First value", "amount": 2},
    {"name": "Second value", "amount": 4},
    {"name": "First value", "amount": 6}  
]

const res = arr.reduce((ac, {name, amount}) => {
  ac[name] = ac[name] || 0;
  ac[name] += amount;
  return ac;
},{})

console.log(res)

说明：

首先，我们将ac 初始化为一个空对象{}。见行

arr.reduce((ac, {name, amount}) => {...}
                ^^^^^^^^^^^^^^ 

突出显示的部分称为对象解构。它将从我们正在迭代的当前对象中获取属性name 和amount，并使其成为独立变量。

看线

ac[name] = ac[name] || 0;

现在这一行正在检查ac[name] 是否在ac 对象上不存在，那么它将是undefined，因此undefined || 0 将被评估为0。如果它有一个值，ac[name] 的值将保持以前的值。

见第三行：

ac[name] += amount;

此行会将amount 添加到ac[name] 的已有值

最后我们返回ac，让它成为ac的初始值，用于下一次迭代。