reduce的介绍

1.reduce和迭代方法（map、fliter、forEach）一样，会遍历数组；reduce()方法会遍历数组中的每一个元素，每遍历一次就会执行一次回调函数。当遍历完之后会将最后的结果返回出去。

2.reduce( )方法有两个参数，第一个参数是累加函数，第二个是函数的previousValue的初始值。

reduce的基本用法

列表的求和:

    const arr=[1,2,3,4,5]const newarr=arr.reduce((previousValue,current)=>{ console.log(previousValue+'-----'+current);//结果为://1-----2//3-----3//6-----4//10-----5return previousValue + current // 求和运用});console.log(newarr); //输出 15

列表的求积:

const arr=[1,2,3,4,5]
const newarr2=arr.reduce(function(previousValue,current){console.log(previousValue+'-----'+current)//结果为://1-----2//2-----3//6-----4//24-----5return previousValue * current // // 求积运用});console.log(newarr2); //输出 120

上面的代码累加函数都是从列表的第一位开始的
我们可以设置累加函数的默认值，例如：

    const arr=[1,2,3,4,5]const newarr=arr.reduce((previousValue,current)=>{ console.log(previousValue+'-----'+current);//结果为://2-----1//3-----2//5-----3//8-----4//12-----5return previousValue + current // 求和运用},2);console.log(newarr); //输出 17

reduce计算数组中元素出现的次数

let arr1 = ['name','age','long','short','long','name','name'] // 计算数组中元素出现的次数let arrResult = arr1.reduce((pre,cur) =>{if(cur in pre){pre[cur]++ //这里的意思是如果pre里面有这个属性就加一}else{pre[cur] = 1  // 这里意思是往pre对象中如果没有这个属性，就把这个属性赋值为1}return pre},{});console.log(arrResult) //输出{name: 3, age: 1, long: 2, short: 1}

js中的reduce的用法相关推荐

html dom createevent,js 中 document.createEvent的用法
js 中 document.createEvent的用法更新时间:2010年08月29日 23:22:02 作者: 用该方法创建了 Event 对象以后,必须用上表中所示的初始化方法初始化对象. ...
js 中 document.createEvent的用法-转载
js 中 document.createEvent的用法 <a class="comment-mod" οnclick="alert('ss')" hre ...
前端开发：JS中截取字符串的用法总结
前言在前端开发过程中,对JS相关的字符串处理可谓是家常便饭,对字符串对处理也是前端开发过程中使用频率非常高的知识点之一,对从后台获取到的字符串进行二次处理也是非常普遍的需求,那么本文就来分享一下在前 ...
js中“||”和“”的高级用法 js，与或运算符 || 妙用
网络上找到的一篇关于逻辑与和逻辑或的文章,详细记录一下. http://www.jb51.net/article/21339.htm 例1:用于赋值 &&:从左往右依次判断,当当前值为 ...
js中的extend的用法及其JS中substring与substr的区别
1. JS中substring与substr的区别之前在项目中用到substring方法,因为C#中也有字符串的截取方法Substring方法,当时也没有多想就误以为这两种方法的使用时一样的. ...
js中的escape的用法汇总
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 1 ...
js中call()方法的用法
call: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方法可以用来代替另一 ...
js中replace作用以及用法
replace作用以及用法 1. 作用:替换字符串中的内容 2. 用法:str.replace(regexp|substr, newSubStr|function) 3. 参数说明:- regexp( ...
js中call与apply用法
来源:http://blog.csdn.net/sunboy_2050/article/details/6592082 前天去面试,有个gg问了一些js知识,其中有一道call与apply用法的题目, ...

js中的reduce的用法

reduce的用法

reduce的介绍

reduce的基本用法

js中的reduce的用法相关推荐

最新文章

热门文章