如何使用VueJS从分组数组中汇总结果数据

// 假设我们有一个分组数组，每个元素包含一个分组名和一个数值
const data = [
  { group: 'A', value: 10 },
  { group: 'B', value: 20 },
  { group: 'A', value: 30 },
  { group: 'B', value: 40 },
  { group: 'C', value: 50 }
];

// 使用reduce方法从分组数组中汇总结果数据
const result = data.reduce((acc, curr) => {
  // 检查当前分组是否已经存在于累加器中
  if (acc[curr.group]) {
    // 如果存在，则将当前数值累加到该分组中
    acc[curr.group] += curr.value;
  } else {
    // 如果不存在，则创建该分组并将当前数值赋值给它
    acc[curr.group] = curr.value;
  }
  return acc;
}, {});

// 打印结果
console.log(result);