javascript - 如何使用 Vuejs 中通过 Axios 传递的数据处理相关数据库

Question

Laravel + Vue 项目。我是 js 的新手。
我正在使用类似 Axios 的 preferredShares:[]

axios
    .get('/company/' + encodeURIComponent(this.company_id) + '/preferredShares')
    .then(response => (this.preferredShares = response.data))

解释方法:对preferredShares中的每个equity使用循环。所以每个 equity 都有相关的表 grants 并且对于 grants 中的每个 grant 我需要找到 sum( grant.shares_amount) 而不是用作变量。我的代码会解释这个问题:

const preferenceShares = this.preferredShares.reduce((sum, equity) => {

                // 1) How to connect with related database??
                grants = equity.grants 
                totalIssued = grants.reduce((sum, grant) => {
                    return sum + grant.shares_amount
                }, 0)

                //2) need to add this value to equity array
                equity.push(totalIssued)

                // somehow return should be this
                return finalValue =  equity.totalIssued

        }, 0)
        return preferenceShares

Answer 1

你非常接近。

const total = preferredShares.reduce((sum, equity) => {

    const totalIssued = equity.grants.reduce((sum2, grant) => {
        return sum2 + grant.shares_amount
    }, 0)

    return sum + totalIssued;

}, 0);

https://jsfiddle.net/sa94myve/