reduce参数问题

reduce传入一个参数

[1,2,3,4].reduce(function(a,b){

rerurn a+b;

})                             //相当于函数执行3遍,求和,每次返回上一次的值          

  1. a:1  b:2
  2. a:3  b:3
  3. a:6  b:4

reduce传入两个参数

[1,2,3,4].reduce(function(a,b){
return a+b;
},5)                        //相当于函数把第二个参数加到数组前面变为[5,1,2,3,4],函数执行4遍,求和

  1. a:5  b:1
  2. a:6  b:2
  3. a:8  b:3
  4. a:11  b:4

举个最近在学校培训老师说的例子吧,瞬间感觉reduce还蛮有用          

function mergeBarcodes(barcodes){
let result = [];
result = barcodes.reduce(function(cur,newVal){    //reduce参数:前一个值和当前值
let exit = cur.find(function(item){
return item.barcode === newVal.barcode;
});
if(exit){
exit.amount += newVal.amount
}else{
cur.push(Object.assign({},newVal));
}
return cur;                    //相当于reduce的前一个值
},[]);
return result;
}

### JavaScript 中 `reduce` 方法的参数详解 #### 函数签名 `array.reduce(callback(accumulator, currentValue, index, array), initialValue)` 是 `reduce` 方法的标准形式。 --- #### 参数说明 1. **callback**: 这是一个回调函数,在每次迭代时都会被执行。它接收四个参数,其中前两个是最常用的: - **accumulator (`accumulator`)**: 积累器累积回调函数的返回值。如果提供了 `initialValue`,则它的初始值为 `initialValue`;如果没有提供,则其初始值为数组中的第一个元素[^4]。 - **currentValue (`currentValue`)**: 当前正在处理的数组元素。如果指定了 `initialValue`,那么从数组的第一个元素开始遍历;否则从第二个元素开始。 - **index (`index`, 可选)**: 当前正在处理的数组元素的索引。如果不指定 `initialValue`,则索引从 1 开始;否则从 0 开始[^2]。 - **array (`array`, 可选)**: 调用 `reduce` 的原始数组本身。 2. **initialValue (可选)**: 提供给积累器作为初始值的值。如果未提供此参数数组非空,则数组的第一个元素会被用作初始值。对于空数组,若不提供该参数,则会抛出错误[^3]。 --- #### 使用场景分析 以下是几个典型的应用案例: 1. **简单累加**: ```javascript const numbers = [1, 2, 3, 4]; const sum = numbers.reduce((acc, cur) => acc + cur, 0); console.log(sum); // 输出:10 ``` 2. **复合操作(map 和 filter 同时实现)**: ```javascript const numbers = [1, 2, 3, 4]; const doubledEvens = numbers.reduce((arr, num) => { if (num % 2 === 0) arr.push(num * 2); return arr; }, []); console.log(doubledEvens); // 输出:[4, 8] ``` 3. **对象分组**: ```javascript const people = [ { name: 'Alice', age: 25 }, { name: 'Bob', age: 30 }, { name: 'Charlie', age: 25 } ]; const groupedByAge = people.reduce((grouped, person) => { const key = person.age; if (!grouped[key]) grouped[key] = []; grouped[key].push(person.name); return grouped; }, {}); console.log(groupedByAge); /* 输出: { 25: ['Alice', 'Charlie'], 30: ['Bob'] } */ ``` 4. **空数组的情况**: 如果数组为空且未提供 `initialValue`,则会报错: ```javascript const emptyArray = []; try { const result = emptyArray.reduce((a, b) => a + b); // 报错 } catch (e) { console.error(e.message); // TypeError: Reduce of empty array with no initial value } // 正确方式 const safeResult = emptyArray.reduce((a, b) => a + b, 0); // 返回 0 ``` --- #### 注意事项 - 若未提供 `initialValue`,则第一次调用 `callback` 时,`accumulator` 将等于数组的第一个元素,而 `currentValue` 则等于下一个元素。 - 对于空数组,只有当提供了 `initialValue` 时才不会触发错误。 - 回调函数会在每个元素上调用一次,除非数组长度为零或者只包含一个元素并设置了 `initialValue`。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值