JS中reduce⽅法
定义和⽤法
1. reduce() ⽅法接收⼀个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为⼀个值。
2. reduce() 可以作为⼀个⾼阶函数，⽤于函数的 compose
3. reduce() 对于空数组是不会执⾏回调函数的
浏览器⽀持
⽀持⾕歌、⽕狐、ie9以上等主流浏览器
语法
1. prev：函数传进来的初始值或上⼀次回调的返回值
2. current：数组中当前处理的元素值
3. currentIndex：当前元素索引
4. arr：当前元素所属的数组本⾝
5. initialValue：传给函数的初始值
初始值为数值：
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const sum = duce(function (prev, current) {
return prev+current
}, 0)
console.log(sum) //55
reduce根据函数传进来的初始值，不断回调叠加最终算出数组的和
初始值为对象：
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const sum = duce(function (prev, current) {
return prev
}, {count: 0})
console.log(sum) //{count: 55}
如果初始值为对象的话，返回的也是⼀个对象
初始值为数组：
const str = 'hello'
const newstr = str.split('').reduce(function (prev, current) {
const obj = {};
obj[current] = current;
prev.push(obj)
return prev;
}, [])
console.log(newstr)
结果为：
[{
h: 'h'
},{
e: 'e'
},{
l: 'l'
},{
l: 'l'
},{
o: 'o'
}]
如果初始值为数组，则返回的也是数组
reduce应⽤：
{
function func1(a) {
return a*10;
}
function func2(b) {
return b*2
}
const test1 = func1(2)
const test2 = func2(test1)
console.log(test2) //40
}
这⾥我们需要先执⾏⽅法func1再根据func1返回的值，然后执⾏⽅法func2，我们有时候会碰到不⽌两个⽅法⼀起，如果是多个呢，这个时候就要⽤到reduce来处理了js方法
function func1(a) {
return a*10;
}
function func2(b) {
return b*2
}
function func3(c) {
return c/2;
}
const compose = (...func) => (...init) => {
if(func.length >= 2){
duce((prev, curr)=>{
prev = curr(prev)
return prev;
}, ...init)
}
return func(...init);
}
const a1 = compose(func1,func2)(2);
console.log(a1) //40
const a2 = compose(func1,func2,func3)(2);
console.log(a2) //20

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。