JS数组求和的几种方法

发布时间：2023-04-28 文章分类：WEB开发, 电脑百科 投稿人：赵颖 字号： 默认 | 大 | 超大 打印

这篇文章主要介绍了JS数组求和的几种常用方法

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

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

<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()方法的最后一个参数（下面是个特例），避坑！！！
JS数组求和的几种方法

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

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

参考文献:

1：JS数组求和的常用方法总结【5种方法】.

2：JS函数式编程里使用Map和Reduce方法.

3：JS中的eval()方法详解-eval方法的初级应用.

如果大家喜欢，就请点个赞吧！（每篇文章前都有一个深夜，因为总想把最好的分享给大家）

本人初学前端，想往全栈发展。有时间会更一些学习过程中的小技巧或心得体会！有兴趣的伙伴可以加我一起学习，共同进步！

JS数组求和的几种方法

标签 , ,