手写Array.prototype.reduce()，及详细讲解
Array.prototype.reduce()的参数是一个回调函数
let arr = [10,20,30,40,50,60];
let result = arr.reduce((result,item,index)=>{
console.log(result,item,index)
return '我爱你'
})
//会输出:
//1:10,20,1
//2:'我爱你',30,2
//3:'我爱你',40,3
//4:'我爱你',50,4
//5:'我爱你',60,5
//所以:reduce中的回调函数的第一个参数(result)是上一次执行回调函数的返回值
- reduce中的第二个参数是,初始化回调函数第一个参数的值,如果没有传入,那么回调函数的第一个参数是数组第一项
- reduce中的回调函数的第一个参数(result)是上一次执行回调函数的返回值
let arr = [10,20,30,40,50,60];
let result = arr.reduce((result,item,index)=>{
console.log(result,item,index)
return '我爱你'
},10000)
//会输出:
//1:10000,10,0
//2:'我爱你',20,1
//3:'我爱你',30,2
//4:'我爱你',40,3
//5:'我爱你',50,4
//5:'我爱你',60,5
//所以:reduce中的回调函数的第一个参数(result)在有reduce第二个参数传入的情况下,就是那个reduce的第二个参数,没有就是数组第一项
手写reduce()
Array.prototype.myReduce = function (callback,chushiz){
//this------>就是调用myReduce的那个数组
//callback-------->就是那个回调函数
let result,index
if (chushiz){
result = chushiz;
index = 0
}else {
result = this[0];
index = 1
}
for(;index<this.length;index++){
result = callback(result,this[index],index);
//循环数组,执行回调函数,获得回调函数的返回值,将返回值赋值为result,
//就改变了回调函数的第一个参数
}
return result
}
验证,以累加数组每一项和为例
Array.prototype.reduce
let arr = [10,20,30,40]
let result = arr.reduce((result,item,index)=>{
return result + item;
})
console.log(result); //100
Array.prototype.myReduce
Array.prototype.myReduce = function (callback,chushiz){
//this------>就是调用myReduce的那个数组
//callback-------->就是那个回调函数
let result,index
if (chushiz){
result = chushiz;
index = 0
}else {
result = this[0];
index = 1
}
for(;index<this.length;index++){
result = callback(result,this[index],index);
//循环数组,执行回调函数,获得回调函数的返回值,将返回值赋值为result,
//就改变了回调函数的第一个参数
}
return result
}
let arr = [10,20,30,40]
let result = arr.myReduce((result,item,index)=>{
return result + item;
})
console.log(result); //100