新增了归并数组的方法!
:点上面关注
免费学习前端知识!
ECMAScript 5还新增了两个缩小数组的方法: reduce() 和 reduceRight() 。这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。其中, reduce() 方法从数组的第一项开始,逐个遍历到最后。而 reduceRight() 则从数组的最后一项开始,向前遍历到第一项。
这两个方法都接收两个参数:一个在每一项上调用的函数和(可选的)作为缩小基础的初始值。传给 reduce() 和 reduceRight() 的函数接收4个参数:前一个值、当前值、项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上,因此第一个参数是数组的第一项,第二个参数就是数组的第二项。
使用 reduce() 方法可以执行求数组中所有值之和的操作,比如:
var values = [1,2,3,4,5];
var sum = values.reduce(function(prev, cur, index, array){
return prev + cur;
});
alert(sum); //15
第一次执行回调函数, prev 是1, cur 是2。第二次, prev 是3(1加2的结果), cur 是3(数组的第三项)。这个过程会持续到把数组中的每一项都访问一遍,最后返回结果。
reduceRight() 的作用类似,只不过方向相反而已。来看下面这个例子。
var values = [1,2,3,4,5];
var sum = values.reduceRight(function(prev, cur, index, array){
return prev + cur;
});
alert(sum); //15
在这个例子中,第一次执行回调函数, prev 是5, cur 是4。当然,最终结果相同,因为执行的都是简单相加的操作。
使用 reduce() 还是 reduceRight() ,主要取决于要从哪头开始遍历数组。除此之外,它们完全相同。
提示
支持这两个缩小函数的浏览器有IE9+、Firefox 3+、Safari 4+、Opera 10.5 和 Chrome。
相关链接《 为数组定义了5个迭代方法 》
完
看前端技术文章,就在Web前端精髓
新增了归并数组的方法!相关推荐
- js笔记(三)ES5、ES5新增的数组的方法、字符串的方法、字符编码、对象的序列化和反序列化、bind
数组方法.字符串方法总结 大目录 小目录 一.ES5严格模式 1. 严格模式: 2. 严格模式的行为变更: 二.ES5新增的数组的方法 1. 判断是否为数组:Array.isArray(): 2. 判 ...
- 总结JS中常用的数组的方法大全
总结JS中常用的数组方法 JS中常用的数组方法总结 数组(Array)是一种复杂的数据类型,它属于Object(对象)类型,用来将一组数组合在一起,通过一个变量就可以访问一组数据.在使用数组时,经常会 ...
- JavaScript 数组新增 4 个非破坏性方法!
关注公众号 前端开发博客,领27本电子书 回复加群,自助秒进前端群 开门见山,JavaScript 数组即将新增 4 个新的非破坏性方法: .toReversed() .toSorted() .toS ...
- ES6 新增数组的方法使用介绍
ES5中新增了写数组方法,如下: forEach (js v1.6) map (js v1.6) filter (js v1.6) some (js v1.6) every (js v1.6) ind ...
- Array数组的方法
1.Array.from() 将类数组结构转化为数组实例, 一参数是类数组对象即任何可迭代的结构,或者有一个length属性和可索引元素的结构 二参数是映射函数参数(可选)此函数可增强新函数的值, 三 ...
- splice方法_[7000字]JavaScript数组所有方法基础总结
基础决定一个人的上限,很多时候我们感叹别人在实现一个功能时使用方法的精妙,并且反思,为什么别人想的出来自己却想不出来?我觉得主要是因为对于基础的掌握上有很大的差距.本文总结数组的所有方法的基础使用,希 ...
- JS中数组迭代方法(JavaScript从入门到疯癫)
数组迭代的方法包含了以下七个( map,filter,forEach,some,every, findIndex,reduce) 目录 1.map 2.filter 3.foreach 4.数组som ...
- JavaScript 数组遍历方法的对比
前言 JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较: 各种数组遍历的方法 for 语句 代码: var ...
- 遍历数组的方法和数组的遍历方法(3+10种)(上)
文章目录 简介 遍历数组的方法 for循环遍历 特点: 使用: 输出: for in遍历 特点: 使用: 输出: 3. for of循环 特点: 使用: 输出: 简介 总所周知,遍历的方法有很多种,有 ...
最新文章
- c语言exit在哪个头文件_C语言函数执行成功时,返回1和返回0,究竟哪个好?
- hdu4370 比较抽象的最短路
- linux的~和/的区别
- matlab通过“ideal_lp设计理想高通滤波器_常见低通、高通、带通三种滤波器的工作原理...
- PHP的strlen与mb_strlen
- oracle高级查询案例,oracle高级查询(实例基于scott用户四张表)
- 芜湖计算机专业哪个学校最好,芜湖IT行业那么火,到底哪些人适合学IT呢?
- Protostuff序列化和反序列化
- 微信小程序文件下载---视频,图片。
- 在ArcGIS Desktop中选择地物要素的方法(二)
- 服务器搭建说明以及接口调用文档
- 企业的商业模式和盈利模式概述,业务流程再造
- HTML和CSS实现京东首页(附GitHub地址)
- hub_probe()
- NLP(自然语言处理) - Tricks Dataset 集合
- 一种具有17路可调PWM直流电机的串口遥控机器人
- Ubuntu下使用opera的坑
- android开发 之 Canvas绘制文字,图片
- 一张图片换脸,三星AI最强换脸模型
- English Grammar-奋斗的开始-简单句(二)
热门文章
- 我又踩坑了!如何为 HttpClient 请求设置 Content-Type 标头?
- 程序员的求生欲有所强?用Python花式哄女友
- Arrays.sort() 为什么可以对 int 等数组进行排序?我跟面试官扯了半个小时 | 原力计划...
- 4 月 29 日晚 8 点,为你揭秘联邦学习背后数据可用不可见的奥秘
- ​腾讯内测全新 Tim 3.0,支持微信登录;滴滴顺风车上线夜间服务;Angular 9.1 发布 | 极客头条...
- 史上最强春节红包战:互联网竞争缩影下的百亿争斗
- 召唤新一代超参调优开源新神器,集十大主流模块于一身
- 分析了 3000 份 Bug 记录,可以发现什么?
- GitHub 上开源哪家强?| 原力计划
- 程序员VS产品经理日常