3.JS数组求和的几种方法

风_Sux123

于 2023-09-26 09:43:48 发布

阅读量485

点赞数

分类专栏： JavaScript基础知识文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/qq_44438941/article/details/133296344

版权

JavaScript基础知识专栏收录该内容

22 篇文章

订阅专栏

文章介绍了在JavaScript中通过原型对象扩展Array的方法、普通for循环、递归、reduce函数、forEach遍历以及eval方法实现数组求和，展示了不同的编程技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：通过原型对象扩展内置对象方法（即给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循环函数求和

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

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