JS數組求和的幾種常見方法總結

更新時間：2023年01月16日 14:26:04 作者：天時992

js的數組與我們日常生活中的數組一樣,都是會進行求和計算的,下面這篇文章主要給大家介紹了關于JS數組求和的幾種常見方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下

方法一：通過原型對象擴展內置對象方法（即給Array增加方法）

<script>
      Array.prototype.sum = function () {
        var sum = 0;
        for (var i = 0; i < this.length; i++) {
          sum += this[i];
        }
        return sum;
      };
      var arr = [1, 2, 3, 4];
      console.log(arr.sum()); // 10
    </script>

方法二：普通for循環(huán)函數求和

<script>
      function sum(arr) {
        var sum = 0;
        for (var i = 0; i < arr.length; i++) {
          sum += arr[i];
        }
        return sum;
      }
      var arr = [1, 2, 3, 4];
      console.log(sum(arr)); // 10
    </script>

方法三：使用遞歸

<script>
      function sum(arr) {
        if (arr.length == 0) {
          return 0; // 遞歸出口
        } else {
          return arr[0] + sum(arr.slice(1));
        }
      }
      var arr = [1, 2, 3, 4];
      console.log(sum(arr)); // 10
    </script>

方法四：函數式編程reduce

<script>
      function sum(arr) {
        return arr.reduce(function (total, value) {
          return total + value;
        }, 0);
      }
      var arr = [1, 2, 3, 4];
      console.log(sum(arr)); // 10
    </script>

拓展：注意reduce()方法的最后一個參數（下面是個特例），避坑?。。?/p>

方法五：forEach遍歷

<script>
      function sum(arr) {
        var s = 0;
        arr.forEach(function (value) {
          s += value;
        });
        return s;
      }
      var arr = [1, 2, 3, 4];
      console.log(sum(arr)); // 10
    </script>

方法六：eval()方法

<script>
      function sum(arr) {
        return eval(arr.join("+"));
      }
      var arr = [1, 2, 3, 4];
      console.log(sum(arr)); // 10
    </script>