Sum array of Object Relationship in Laravel Using Vuejs

Question

I'm trying to Sum Array amount of Laravel Relationship Using Vuejs using computed.

By the Way its Return NaN Result....

   computed: {
        subTotal() {
            return this.items.reduce((total, item) => {
                return total + parseFloat(item.deposits.amount);
            }, 0);
        }
    },

Thanks.....

You are using deposits.amount directly which is actually an array hence you cannot use reduce directly on array item but you should do that on item.deposits by iterating through items object. — Riddhi
– Riddhi, Commented Dec 20, 2019 at 10:07
Is it correct that your code should loop the items variable (which can't be seen in the image? It looks like what you really want is to loop the deposits. Because from this code, you're trying to get item.deposits.amount, but deposits is an array.. — Jesper
– Jesper, Commented Dec 20, 2019 at 10:08
@Jesper yep, as u say, but i dont know how to implement that? Can u give me any hint? — z3r0
– z3r0, Commented Dec 20, 2019 at 10:10

Riddhi · Accepted Answer · 2019-12-20 12:12:22Z

1

The below code will return an array of sum for all items within the array index wise.

computed: {
    subTotal() {
        let itemsum = []
        this.items.forEach(item => {
            if (item.deposits && item.deposits.length > 0) {
                let total_deposit = item.deposits.reduce((total, val) => {
                    return  parseFloat(total.amount) + parseFloat(val.amount);
                }, 0);
                itemsum.push(total_deposit);
            } else {
                itemsum.push(0);
            }                  
        })
        return itemsum
    }
},

edited Dec 20, 2019 at 12:12

answered Dec 20, 2019 at 10:22

Riddhi

2,2541 gold badge11 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Riddhi Over a year ago

As i told it will return you array for sum of all deposits item wise as items is an array and you want sum of only deposits values. Please mention what output you are expecting properly.

z3r0 Over a year ago

i want sum of all amount in array deposits

Lim Socheat · Accepted Answer · 2019-12-21 01:58:11Z

0

Do sum relationship in Laravel

protected $appends = ['deposit_amount'];

public function getDepositAmountAttribute(){ return $this->deposits()->sum('amount'); }
VueJS Computed Property

computed: { deposit_amount() { var amount = 0; for(let i = 0; i < this.item.deposits.length; i++) { amount += parseFloat(this.item.deposits[i].amount); } return amount; } }

answered Dec 21, 2019 at 1:58

Lim Socheat

7253 gold badges12 silver badges26 bronze badges

Collectives™ on Stack Overflow

Sum array of Object Relationship in Laravel Using Vuejs

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related