how to get sum of array in vue js using computed?

Question

this the resul of my query

{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

my computed in vue I got an error here "TypeError: this.grand.reduce is not a function"

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

Answer 1

Reduce() is an array function in javascript. You either want to use forEach for your object or rewrite it to an array.

 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);