JS数组求和的常用方法实例小结

 更新时间:2019年01月07日 08:43:01   作者:The_road_of_ordinary  
这篇文章主要介绍了JS数组求和的常用方法,结合实例形式总结分析了javascript常见的遍历、循环、归并等数组操作相关技巧,需要的朋友可以参考下

本文实例总结了JS数组求和的常用方法。分享给大家供大家参考,具体如下:

js数组求和的方法

var array = [1, 2, 3, 4, 5];
var sum = 0;

1.for循环

for (let i = 0; i < array.length; i++) {
  sum += array[i];
}
console.log(sum)

运行结果sum为 15,如下图所示:

2.forEach

array.forEach(ele => {
  sum += ele;
});

运行结果同样sum为 15

3.归并方法reduce()reduceRight()

//这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。其中, reduce()方法从数组的第一项开始,逐个遍历到最后。
//而 reduceRight()则从数组的最后一项开始,向前遍历到第一项 
var sum1 = array.reduce(function(prev, next, index, array) {
  return prev + next;
})
var sum2 = array.reduceRight(function(last, before, index, array) {
  return last + before;
})

4.eval()

eval(array.join("+"))

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行结果。

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript排序算法总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • JS延迟加载(setTimeout) JS最后加载

    JS延迟加载(setTimeout) JS最后加载

    为了让一个广告几秒以后再执行所以做个延迟加载的东东,用了JS实现,还蛮好用的,算是分享,也是记录吧。
    2010-07-07
  • js异或加解密效果代码

    js异或加解密效果代码

    比较不错的js异或加解密实例代码,方便学习js加解密的朋友
    2008-06-06
  • JS批量替换内容中关键词为超链接

    JS批量替换内容中关键词为超链接

    本文主要介绍了JS批量替换内容中关键词为超链接,避开已存在的链接和alt、title中的关键词的方法。下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript实现GriwView单列全选(自写代码)

    JavaScript实现GriwView单列全选(自写代码)

    在 GridView 里有一系列的 Checkbox ,要实现对其全选或全不选,二网上的都不否和要求,于是我自己写了JavaScript 代码,贴出来供大家参考
    2013-05-05
  • 前端截图几种常用实现方式总结

    前端截图几种常用实现方式总结

    这篇文章主要介绍了前端截图几种常用实现方式,包括使用HTML5的canvas和html2canvas库、浏览器API以及结合后端服务,每种方法都有其优缺点,大家可以根据需求选择方法,需要的朋友可以参考下
    2025-03-03
  • JavaScript高级编程之Array的用法总结

    JavaScript高级编程之Array的用法总结

    这篇文章主要为大家介绍了JavaScript中Array常见用法的总结,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-11-11
  • JavaScript中Require调用js的实例分享

    JavaScript中Require调用js的实例分享

    下面小编就为大家带来一篇JavaScript中Require调用js的实例分享。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • BootstrapValidator验证用户名已存在(ajax)

    BootstrapValidator验证用户名已存在(ajax)

    这篇文章主要为大家详细介绍了BootstrapValidator验证用户名已存在,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • Redux的基本使用过程步骤详解

    Redux的基本使用过程步骤详解

    这篇文章主要介绍了Redux的基本使用过程详解,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-12-12
  • js控制iframe的高度/宽度让其自适应内容

    js控制iframe的高度/宽度让其自适应内容

    这篇文章主要介绍了如何使用js控制iframe的高度/宽度让其自适应内容,需要的朋友可以参考下
    2014-04-04

最新评论