初学 Vue 请教数组内对象如何求和？

Question

例如现在有一个数组
{

"msg": "success",
"code": 0,
"list": [{
    "mealId": 17,
    "mealName": "蔬菜",
    "protein": 1,
    "typeList": null,
    "df": 1,
    "cho": 1
}, {
    "mealId": 18,
    "mealName": "牛排",
    "protein": 1,
    "typeList": null,
    "df": 1,
    "cho": 1
}]

}

定义 sumCHO / sumProtein / sumDF
如何将数组内 cho / protein / df 根据数组的长度进行相加并赋值呢

Answer 1

let choTotal = list.reduce((totle, item) => total + item.cho)
let proteinTotal = list.reduce((totle, item) => total + item.protein)
let dfTotal = list.reduce((totle, item) => total + item.df)

Answer 2

一楼基本正解