JS数组求和的几种常见方法总结

 更新时间:2023年01月16日 14:26:04   作者:天时992  
js的数组与我们日常生活中的数组一样,都是会进行求和计算的,下面这篇文章主要给大家介绍了关于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循环函数求和

<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()方法的最后一个参数(下面是个特例),避坑!!!

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

参考文献:

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

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

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

总结

到此这篇关于JS数组求和的几种常见方法总结的文章就介绍到这了,更多相关JS数组求和方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS使用单链表统计英语单词出现次数

    JS使用单链表统计英语单词出现次数

    这篇文章主要为大家详细介绍了JS使用单链表统计英语单词出现次数的相关资料,列出所有单词及其出现次数,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • 原生小程序封装跑马灯效果

    原生小程序封装跑马灯效果

    这篇文章主要为大家详细介绍了原生小程序封装跑马灯效果,由多条衔接改动得到,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • JavaScript惰性加载的优化技巧详解

    JavaScript惰性加载的优化技巧详解

    这篇文章主要为大家详细介绍了JavaScript在进行惰性加载时的一些优化技巧,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2025-04-04
  • bootstrap table 数据表格行内修改的实现代码

    bootstrap table 数据表格行内修改的实现代码

    这篇文章主要介绍了bootstrap table 数据表格行内修改的实现代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • JS的for循环中的var 和 let详解

    JS的for循环中的var 和 let详解

    在js的嵌套for循环异步执行,声明i和使用i获取到的变量 都要用 let 声明,不要用var,这篇文章主要介绍了JS的for循环中的var和let,需要的朋友可以参考下
    2024-05-05
  • 详解JavaScript es6的新增数组方法

    详解JavaScript es6的新增数组方法

    这篇文章主要为大家介绍了JavaScript es6的新增数组方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-11-11
  • 使用JS的input框实现音频文件的上传与播放功能

    使用JS的input框实现音频文件的上传与播放功能

    最近的系统加的功能是越来越多了,前两天老板又让实现一个录音上传的功能,可以点击播放按钮打开音频播放器,点击暂停按钮暂定播放,想了想决定使用input框的file类型加上接收的参数为audio来实现此功能,感兴趣的朋友可以参考下
    2024-06-06
  • 一个关于JS正则匹配的踩坑记录

    一个关于JS正则匹配的踩坑记录

    这篇文章主要给大家介绍了一个关于JS正则匹配的踩坑记录,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • JS模拟实现Excel条件格式中的色阶效果

    JS模拟实现Excel条件格式中的色阶效果

    这篇文章主要为大家详细介绍了如何利用JavaScript模拟实现Excel条件格式中的色阶效果,文中的示例代码讲解详细,感兴趣的小伙伴可以尝试一下
    2023-05-05
  • 使用 TypeScript 开发 React 函数式组件

    使用 TypeScript 开发 React 函数式组件

    这篇文章主要介绍了使用 TypeScript开发React函数式组件,文章通过围绕主题展开详细的内容介绍,具有一定的参考价值,感兴趣的小伙伴可以参考一下
    2022-08-08

最新评论