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 相关文章推荐
firefox中JS读取XML文件
Dec 21 Javascript
javascript引导程序
Oct 26 Javascript
浅谈JavaScript function函数种类
Dec 29 Javascript
测试IE浏览器对JavaScript的AngularJS的兼容性
Jun 19 Javascript
js模仿php中strtotime()与date()函数实现方法
Aug 11 Javascript
js ajaxfileupload.js上传报错的解决方法
May 05 Javascript
js css实现垂直方向自适应的三角提示菜单
Jun 26 Javascript
详细分析单线程JS执行问题
Nov 22 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
Jul 06 Javascript
利用Vue构造器创建Form组件的通用解决方法
Dec 03 Javascript
微信小程序class封装http代码实例
Aug 24 Javascript
Elasticsearch实现复合查询高亮结果功能
Sep 10 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
php微信扫码支付 php公众号支付
2019/03/24 PHP
PHP Swoole异步MySQL客户端实现方法示例
2019/10/24 PHP
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
分享jQuery插件的学习笔记
2016/01/14 Javascript
javascript中eval解析JSON字符串
2016/02/27 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
2017/01/19 Javascript
React Native模块之Permissions权限申请的实例相机
2017/09/28 Javascript
Angular 数据请求的实现方法
2018/05/07 Javascript
vue实现动态添加数据滚动条自动滚动到底部的示例代码
2018/07/06 Javascript
怎样在vue项目下添加ESLint的方法
2019/05/16 Javascript
vue-week-picker实现支持按周切换的日历
2019/06/26 Javascript
vue实现侧边栏导航效果
2019/10/21 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
2020/05/30 jQuery
VUE和Antv G6实现在线拓扑图编辑操作
2020/10/28 Javascript
[04:50]DOTA2亚洲邀请赛小组赛第四日 TOP10精彩集锦
2015/02/02 DOTA
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
Python运行的17个时新手常见错误小结
2012/08/07 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
Python安装模块的常见问题及解决方法
2018/02/05 Python
Python按钮的响应事件详解
2019/03/04 Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2020/03/25 Python
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
分享29个基于Bootstrap的HTML5响应式网页设计模板
2015/11/19 HTML / CSS
美体小铺奥地利官方网站:The Body Shop奥地利
2019/04/11 全球购物
AOP的定义以及作用
2013/09/08 面试题
市场开发与营销专业求职信范文
2014/05/01 职场文书
大学英语专业求职信
2014/06/21 职场文书
公司授权委托书范本
2014/09/18 职场文书
2014党员民主评议个人思想剖析发言
2014/09/19 职场文书
2014年最新版离婚协议书范本
2014/11/25 职场文书
三八红旗手先进事迹材料(2016推荐版)
2016/02/25 职场文书
创作书写之导游词实用技巧分享(干货)
2019/12/20 职场文书
vue3不同环境下实现配置代理
2022/05/25 Vue.js
mysql5.5中文乱码问题解决的有用方法
2022/05/30 MySQL