JS数组方法reduce的用法实例分析


Posted in Javascript onMarch 03, 2020

本文实例讲述了JS数组方法reduce的用法。分享给大家供大家参考,具体如下:

数组方法 reduce 用来迭代一个数组,并且把它累积到一个值中。

使用 reduce 方法时,你要传入一个回调函数,这个回调函数的参数是一个 累加器 (比如例子中的 previousVal) 和当前值 (currentVal)。

reduce 方法有一个可选的第二参数,它可以被用来设置累加器的初始值。如果没有在这定义初始值,那么初始值将变成数组中的第一项,而 currentVal 将从数组的第二项开始。

使用 reduce 方法来让 array 中的所有值相加

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>reduce的使用</title>
</head>
<body>
<script>
var arr = [1, 2, 3, 4, 5];
sum = arr.reduce(function(prev, cur, index, arr) {
   //输出的是第一项的值或上一次叠加的结果,正在被处理的元素,正在被处理的元素的索引值
   console.log(prev, cur, index); 
   return prev + cur;
})
console.log(arr, sum); //输入数组本身和最后的结果
</script>
</body>
</html>

控制台输出:

JS数组方法reduce的用法实例分析 

var numbers = [15.5, 2.3, 1.1, 4.7];
 
function getSum(total, num) {
  return total + Math.round(num);
}
function myFunction(item) {
  console.log(numbers.reduce(getSum, 0));//0 传递给函数的初始值
}
myFunction()//输出24

JS数组方法reduce的用法实例分析

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

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

Javascript 相关文章推荐
模拟用户操作Input元素,不会触发相应事件
May 11 Javascript
JavaScript实现关键字高亮功能
Nov 12 Javascript
jQuery中[attribute*=value]选择器用法实例
Dec 31 Javascript
jquery结合CSS使用validate实现漂亮的验证
Jan 29 Javascript
JS数组array元素的添加和删除方法代码实例
Jun 01 Javascript
javascript常用功能汇总
Jul 05 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
Jan 23 Javascript
详解Weex基于Vue2.0开发模板搭建
Mar 20 Javascript
微信小程序 地图map实例详解
Jun 07 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
Sep 07 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
JS 数组和对象的深拷贝操作示例
Jun 06 Javascript
Javascript模拟实现new原理解析
Mar 03 #Javascript
JS面向对象编程——ES6 中class的继承用法详解
Mar 03 #Javascript
JS面向对象编程实现的拖拽功能案例详解
Mar 03 #Javascript
序列化模块json代码实例详解
Mar 03 #Javascript
JS常用排序方法实例代码解析
Mar 03 #Javascript
JS面向对象编程实现的Tab选项卡案例详解
Mar 03 #Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
Mar 03 #Javascript
You might like
php生成zip压缩文件的方法详解
2013/06/09 PHP
浅析PHP安装扩展mcrypt以及相关依赖项(PHP安装PECL扩展的方法)
2013/07/05 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
php比较两个绝对时间的大小
2014/01/31 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
php使用glob函数快速查询指定目录文件的方法
2014/11/15 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
JS获取整个页面文档的实现代码
2011/12/15 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
2013/07/10 Javascript
jQuery操作input值的各种方法总结
2013/11/21 Javascript
详解Angularjs filter过滤器
2016/02/06 Javascript
微信小程序开发之toast提示插件使用示例
2017/06/08 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
2020/07/22 Javascript
Openlayers实现测量功能
2020/09/25 Javascript
python超简单解决约瑟夫环问题
2015/05/12 Python
Python 列表排序方法reverse、sort、sorted详解
2016/01/22 Python
解决Python 遍历字典时删除元素报异常的问题
2016/09/11 Python
查看TensorFlow checkpoint文件中的变量名和对应值方法
2018/06/14 Python
树莓派+摄像头实现对移动物体的检测
2019/06/22 Python
Django 实现Admin自动填充当前用户的示例代码
2019/11/18 Python
python和pywin32实现窗口查找、遍历和点击的示例代码
2020/04/01 Python
Python如何急速下载第三方库详解
2020/11/02 Python
HTML5 Geolocation API的正确使用方法
2018/12/04 HTML / CSS
canvas仿写贝塞尔曲线的示例代码
2017/12/29 HTML / CSS
Booking.com亚太地区:Booking.com APAC
2020/02/07 全球购物
完美主义个人的自我评价
2014/02/17 职场文书
婚假请假条怎么写
2014/04/10 职场文书
财务内勤岗位职责
2014/04/17 职场文书
工商管理专业自荐信
2014/06/03 职场文书
家庭教育的心得体会
2014/09/01 职场文书
社保转移委托书范本
2014/10/08 职场文书
2014年个人师德工作总结
2014/12/04 职场文书
培训班通知
2015/04/25 职场文书
2015年市场营销工作总结
2015/07/23 职场文书
输入框跟随文字内容适配宽实现示例
2022/08/14 Javascript