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


Posted in Javascript onJanuary 07, 2019

本文实例总结了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,如下图所示:

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

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.3water.com/code/HtmlJsRun测试上述代码运行结果。

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

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

Javascript 相关文章推荐
基于jquery 的一个progressbar widge
Oct 29 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
JQuery实现简单验证码提示解决方案
Dec 20 Javascript
异步动态加载js与css文件的js代码
Sep 15 Javascript
js数组去重的常用方法总结
Jan 24 Javascript
js实现文字跟随鼠标移动而移动的方法
Feb 28 Javascript
jquery控制页面部分刷新的方法
Jun 24 Javascript
纯js模仿windows系统日历
Feb 04 Javascript
Vue.js学习教程之列表渲染详解
May 17 Javascript
JavaScript中关于class的调用方法
Nov 28 Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 Javascript
微信小程序 setData 对 data数据影响问题
Apr 18 Javascript
Node.js 如何利用异步提升任务处理速度
Jan 07 #Javascript
vue封装一个简单的div框选时间的组件的方法
Jan 06 #Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
Jan 06 #Javascript
浅谈在Vue.js中如何实现时间转换指令
Jan 06 #Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
Jan 06 #Javascript
react-router4按需加载(踩坑填坑)
Jan 06 #Javascript
React 实现拖拽功能的示例代码
Jan 06 #Javascript
You might like
实例(Smarty+FCKeditor新闻系统)
2007/01/02 PHP
PHP写的加密函数,支持私人密钥(详细介绍)
2013/06/09 PHP
Thinkphp模板标签if和eq的区别和比较实例分析
2015/07/01 PHP
PHP简单实现断点续传下载的方法
2015/09/25 PHP
基于PHP实现堆排序原理及实例详解
2020/06/19 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
如何制作浮动广告 JavaScript制作浮动广告代码
2012/12/30 Javascript
用nodejs实现PHP的print_r函数代码
2014/03/14 NodeJs
jquery插件qrcode在线生成二维码
2015/04/26 Javascript
js实现支持手机滑动切换的轮播图片效果实例
2015/04/29 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
2015/09/14 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
2016/02/16 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
详解JavaScript中的自定义事件编写
2016/05/10 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
2016/09/20 Javascript
Bootstrap 网站实例之单页营销网站
2016/10/20 Javascript
knockoutjs模板实现树形结构列表
2017/07/31 Javascript
Vue修改mint-ui默认样式的方法
2018/02/03 Javascript
vue webpack重写cookie路径的方法
2019/07/10 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
2020/03/20 jQuery
Python Web框架Pylons中使用MongoDB的例子
2013/12/03 Python
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
python获取系统内存占用信息的实例方法
2020/07/17 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
详解如何在css3打包后自动追加前缀插件:autoprefixer
2018/12/18 HTML / CSS
解决H5的a标签的download属性下载service上的文件出现跨域问题
2019/07/16 HTML / CSS
法国奢华女性时尚配饰网上商店:Monnier Frères
2016/08/27 全球购物
Bibloo罗马尼亚网站:女装、男装、童装及鞋子和配饰
2019/07/20 全球购物
员工拓展培训方案
2014/02/15 职场文书
计算机应届毕业生自荐信范文
2014/02/23 职场文书
竞聘书格式及范文
2014/03/31 职场文书
电视节目策划方案
2014/05/16 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
Vue OpenLayer 为地图绘制风场效果
2022/04/24 Vue.js
使用Python获取字典键对应值的方法
2022/04/26 Python