使用 reduce 对对象数组中的值求和

Question

我有这个对象数组：

const data = [
  {val: 40, color: 'red'},
  {val: 5, color: 'green'},
  {val: 55, color: 'lime'}
]

这是我想要获得的：

const result = [
  {val: 40, color: 'red'},
  {val: 45, color: 'green'},
  {val: 100, color: 'lime'}
]

所以每个项目应该有相同的颜色和以前数据的累积值。

这是我尝试的：

 const data = [ {val: 40, color: 'red'}, {val: 5, color: 'green'}, {val: 55, color: 'lime'} ] // const result = [ // {val: 40, color: 'red'}, // {val: 45, color: 'green'}, // {val: 100, color: 'lime'} // ] const result = data.reduce((r, value, i) => { const { val, color } = value const cumVal = i === 0? val: r[i - 1].val const newDatum = { val: cumVal, color } return newDatum }, data[0]) console.log(result)

错误在哪里？ 为什么r[i - 1]未定义？

Answer 1

您从单个元素开始 reduce，该元素不是数组。

相反，您可以关闭sum和 map 新对象。

 const data = [{ val: 40, color: 'red' }, { val: 5, color: 'green' }, { val: 55, color: 'lime' }], result = data.map( (sum => ({ val, color }) => ({ val: sum += val, color })) (0) ); console.log(result);

Answer 2

您的代码中有四个问题：

• 在这一行const cumVal = i === 0? val: r[i - 1].val const cumVal = i === 0? val: r[i - 1].val你应该指定0作为默认值，而不是val
• 在这一行const newDatum = { val: cumVal, color }您需要将val添加到cumVal
• 作为初始值，您应该传递一个空数组，而不是data数组的第一个元素，因为您希望得到一个数组，而不是 object
• 您需要在每次迭代中返回r ，而不是newDatum - 再次，您希望最后有一个数组，而不是 object

这是一个固定版本：

 const data = [ {val: 40, color: 'red'}, {val: 5, color: 'green'}, {val: 55, color: 'lime'} ] // const result = [ // {val: 40, color: 'red'}, // {val: 45, color: 'green'}, // {val: 100, color: 'lime'} // ] const result = data.reduce((r, value, i) => { const { val, color } = value const cumVal = i === 0? 0: r[i - 1].val const newDatum = { val: val + cumVal, color } r.push(newDatum); return r; }, []) console.log(result)

Answer 3

const result2 = data.reduce((acc, { val, color }, i) => {
    val += (i>0) ? acc[i - 1].val: 0;
    return acc.concat([{ val, color }])
}, [])

您的问题的解决方案。

问题：

1. 初始值错误
2. 返回 object

虽然我认为 Map 在这里会是一个更好的选择。