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 相关文章推荐
js获取或设置当前窗口url参数的小例子
Oct 14 Javascript
js数组中如何随机取出一个值
Jun 13 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
Nov 25 Javascript
深入浅析react native es6语法
Dec 09 Javascript
jquery轮播的实现方式 附完整实例
Jul 28 Javascript
两行代码轻松搞定JavaScript日期验证
Aug 03 Javascript
浅谈js基本数据类型和typeof
Aug 09 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
Oct 24 Javascript
vue移动端UI框架实现QQ侧边菜单组件
Mar 09 Javascript
基于Vue实现微信小程序的图文编辑器
Jul 25 Javascript
vue相关配置文件详解及多环境配置详细步骤
May 19 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 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
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
PHP入门教程之正则表达式基本用法实例详解(正则匹配,搜索,分割等)
2016/09/11 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
innerText和innerHTML 一些问题分析
2009/05/18 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
2012/02/23 Javascript
web网页按比例显示图片实现原理及js代码
2013/08/09 Javascript
extjs中form与grid交互数据(record)的方法
2013/08/29 Javascript
详解jQuery中的元素的属性和相关操作
2015/08/14 Javascript
jQuery实现的仿百度分页足迹效果代码
2015/10/30 Javascript
基于jQuery插件实现点击小图显示大图效果
2016/05/11 Javascript
浅析js绑定事件的常用方法
2016/05/15 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
2016/10/10 Javascript
Jquery实现跨域异步上传文件总结
2017/02/03 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
2017/06/17 Javascript
vue实现某元素吸顶或固定位置显示(监听滚动事件)
2017/12/13 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
jquery实现动态添加附件功能
2018/10/23 jQuery
小程序hover-class点击态效果实现
2019/02/26 Javascript
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
详解Python中表达式i += x与i = i + x是否等价
2017/02/08 Python
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
python自动循环定时开关机(非重启)测试
2019/08/26 Python
Python日志syslog使用原理详解
2020/02/18 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
CSS3 毛玻璃效果
2019/08/14 HTML / CSS
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
HTML5中的进度条progress元素简介及兼容性处理
2016/06/02 HTML / CSS
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
介绍一下linux文件系统分配策略
2013/02/25 面试题
2014年社区植树节活动方案
2014/02/28 职场文书
北京奥运会主题口号
2014/06/13 职场文书
电气工程及其自动化专业毕业生自荐信
2014/06/21 职场文书
优秀少先队员事迹材料
2014/12/24 职场文书
Oracle 数据仓库ETL技术之多表插入语句的示例详解
2021/04/12 Oracle
Go缓冲channel和非缓冲channel的区别说明
2021/04/25 Golang