這篇文章主要介紹了JS數(shù)組求和的幾種常用方法

• 方法一：通過(guò)原型對(duì)象擴(kuò)展內(nèi)置對(duì)象方法（即給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)函數(shù)求和

<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>

• 方法四：函數(shù)式編程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()方法的最后一個(gè)參數(shù)（下面是個(gè)特例），避坑?。?！

• 方法五：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>

參考文獻(xiàn):

1：JS數(shù)組求和的常用方法總結(jié)【5種方法】.

2：JS函數(shù)式編程里使用Map和Reduce方法.

3：JS中的eval()方法詳解-eval方法的初級(jí)應(yīng)用.

如果大家喜歡，就請(qǐng)點(diǎn)個(gè)贊吧?。科恼虑岸加幸粋€(gè)深夜，因?yàn)榭傁氚炎詈玫姆窒斫o大家）

本人初學(xué)前端，想往全棧發(fā)展。有時(shí)間會(huì)更一些學(xué)習(xí)過(guò)程中的小技巧或心得體會(huì)！有興趣的伙伴可以加我一起學(xué)習(xí)，共同進(jìn)步！

文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-430086.html

到了這里，關(guān)于JS數(shù)組求和的幾種方法的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！