title: How to calculate array of numbers in vuejs
body: <p>I have array. in that array there is a field name debit. I want to add all the debit on this array and find the total. I am trying to do this with reduce function. but it's adding number as character not calculating the sum of the array number. here is the code </p>
  
  <pre><code>export default {
      data() {
          return {
              fields: {
                  debit: 0,
                  credit: 0,
                  type: '',
              },
              fields: [],
              allDebit: 0,
              allCredit: 0,
          }
      },
      methods: {
          newfield() {
              this.fields.push({
                  debit: 0,
                  credit: 0,
                  type: '',
              })
  
  
          },
          dataRemove(index) {
              Vue.delete(this.fields, index);
          },
          calculate() {
              this.allDebit = this.fields.reduce((acc, item) =&gt; acc + item.debit, 0);
  
  
          }
  
      }
  }
  </code></pre>
  
  <p>output:</p>
  
  <pre><code>{
    "fields": [
      {
        "debit": "4",
        "credit": "2",
        "type": ""
      },
      {
        "debit": "4",
        "credit": "2",
        "type": ""
      }
    ],
    "allDebit": "044",
    "allCredit": 0
  }
  </code></pre>