javascript - 添加重复的数组值

Question

我有一个数组 [[Food , amount]] ，其中包含重复的值，我想在数组中添加相同食物的数量，但我似乎找不到办法那个

我想使用 JavaScript 来完成此操作，数组如下所示:

[
  ["Burger", 5],
  ["Pizza", 10],
  ["Coke", 13],
  ["Burger", 7],
  ["Soda", 10],
  ["Pizza", 4],
  ["Burger", 12]
]

我希望结果是这样的:

[
  ["Burger", 24],
  ["Pizza", 14],
  ["Coke", 13],
  ["Soda", 10]
]

然后我想将结果显示在表格上

Answer 1

您可以使用reduce对每种食物进行分组。创建一个累加器，其中每个食物作为键，数量总和作为值。如果该键已添加，则增加它。否则，添加以数量作为值的键。然后使用Object.entries()获取食物的二维数组 - 总量对

const input=[["Burger",5],["Pizza",10],["Coke",13],["Burger",7],["Soda",10],["Pizza",4],["Burger",12]]

const counter = input.reduce((acc, [food, value]) => {
  acc[food] = acc[food] + value || value;
  return acc;
}, {});

const ouptut = Object.entries(counter)

console.log(JSON.stringify(ouptut))

这就是累加器/计数器对象的样子:

{
  "Burger": 24,
  "Pizza": 14,
  "Coke": 13,
  "Soda": 10
}