没有副作用的嵌套对象的总和减少

如何解决没有副作用的嵌套对象的总和减少

我正在尝试对嵌套在食物对象中的营养价值求和：

[
  {
    id: 'Potato',nutrition: [
      { id: 'PROT',val: 4 },{ id: 'SUGAR',val: 1 }
    ]
  },{
    id: 'Banana',nutrition: [
      { id: 'FIB',val: 10 },val: 4 }
    ]
  }
]

我使用 Array.prototype.reduce() 来做到这一点：

foods.reduce((acc,{ nutrition }) => {
    nutrition.map((x) => {
      let current = acc.find((y) => y.id === x.id)
      if (current) current.val += x.val
      else acc.push(x)
    })
  return acc
},[])

这有效，但它操作了我的原始数组，我不知道为什么。我尝试使用扩展运算符和 let/var 但无济于事。我怎样才能在没有副作用的情况下实现我想要的？

解决方法

您可以使用 reduce 和 forEach 并在最后使用 Object.values，如下所示：

const foods = [ { id: 'Potato',nutrition: [ { id: 'PROT',val: 4 },{ id: 'SUGAR',val: 1 } ] },{ id: 'Banana',nutrition: [ { id: 'FIB',val: 10 },val: 4 } ] }];

const result = Object.values(foods.reduce((a,{nutrition})=>{
    nutrition.forEach(({id,val})=>{
        (a[id] ??= {id,val:0}).val+=val;
    });
    return a;
},{}));

console.log(result);

,

您可以首先使用 forEach 而不是 map 因为不需要 map 在您的用例中返回一个新数组并通过制作副本来修复上述问题x 像这样推送到 acc 数组时：-

foods.reduce((acc,{ nutrition }) => {
    nutrition.forEach((x) => {
      let current = acc.find((y) => y.id === x.id)
      if (current) current.val += x.val
      else acc.push({...x})
    })
  return acc
},[])