初学 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)