Javascript 循环内部的计算以及如何返回值的总和。Vuejs

我是javascript的初学者，需要指导我如何在任务中正确使用javascript

我有一个在php上开发的大型金融工具，我需要构建一个复杂的金融计算器，用反应性显示一切。我需要帮助来弄清楚如何使用循环中的许多

if

语句进行复杂的计算，然后对数组中每个对象的输出值求和，并返回总和值。为此使用Vuejs

因此，my

CashDistributions（）

必须是循环中每个对象的计算值之和

下面我放了一段代码来理解我面临的问题

 new Vue({
    el: "#waterfall",
    data() {
        return {
        info: {
            cash_dividends: true,
            converted_liabilities: true,
        },
        equities: [
            @foreach($preferredEquities as $equity)
            { name: '{{ $equity->name }}', id: {{ $equity->id }} },
            @endforeach
            ]
        }
    },
    computed: {
        remainingExit () {
            return this.form.exit_value - this.form.uncovered_debt - this.form.transaction_fees
        },
        cashDividends() {
    //I supposed should be something like this.     
          this.equities.forEach(function(equity)
          {
            //Here I make a lot of calculations with bunch of if statements using object and DOM input values. for each object 

          }
          // And here I need to return sum of calculated values from each object (equity) in array 
        }
    },

---

任何提示，伙计们，只需要弄清楚概念。

听起来你应该使用

reduce

const total = this.equities.reduce((sum, equity) => {
  const myEquityCalc = << something >>;
  return sum + myEquityCalc;
}, 0)

---

忘了Vue吧。用简单的老JavaScript实现。创建一个函数，用于接收数据并输出总和。一旦你的计算正确。然后使用Vue显示结果。可能重复“确定”。感谢您的回复，我将用它进行测试。是否有未定义的输出可能是您计算中的一个问题-我添加了一个演示来帮助您