如何使用计算获得vue js中的数组总和？

Question

这是我的查询结果

{1: {deduction: 625}, 2: {deduction: 500}, 3: {deduction: 2500}, grandTotal: 8460, otTotal: 50,…}
1: {deduction: 625}
2: {deduction: 500}
3: {deduction: 2500}
allowance: 0
grandTotal: 8460
otTotal: 50

我在 vue 中计算得到一个错误"TypeError: this.grand.reduce is not a function"

totaldeduct(){
return this.grand.reduce((acc, item)=>{
return acc+ Number(item.deduction)
},0)
}

Answer 1

Reduce() 是 javascript 中的数组函数。您要么想为您的对象使用 forEach，要么将其重写为数组。

const data = [
      { deduction: 625 },
      { deduction: 500 },
      { deduction: 2500 },
      { grandTotal: 8460 },
      { otTotal: 50 },
    ];

    function totaldeduct(data) {
      return data.reduce((acc, item) => {
        if(item.deduction)
          return acc + item.deduction;
        else return acc
      }, 0);
    }

    let reduced = totaldeduct(data);

    console.log(reduced);