reduce的用法
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-----5
return 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-----5
return 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-----5
return 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}