js用reduce的使用

Array.prototype.reduce() - JavaScript | MDN

统计数组中相同的选项

let arr = ['a','c','a','b','e','a','c']

let res = arr.reduce((res, v) => { // 把数组中的项通过键存入对象
    res[v] = (res[v] || 0) + 1  // 第一次时1,后面键名相同加一
    return res
}, {}) // 累计器初始为空对象

// 还可以排个序
Objec.entriess(res).sort((a, b) => b[1] - a[1])

按长度把数组分块 

[1,2,3,4].reduce((acc,curr,i,a)=>{
    let index = Math.floor(i/2) // n = 2
    
    if(!acc[index]){
        acc[index]=[]
    }
    acc[index].push(curr)
    return acc
},[])
// [[1,2], [3,4]]

reduce(callback(a,b,c,d),initValue)有两个参数

1.callback函数

     callback有四个参数

    (1)累计器,默认为数组第一项

    (2)当前值

    (3)当前值索引

    (4)原数组

2.initValue:累计器的初始值

结果:

Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组:

### 使用 `reduce` 方法在 JavaScript 中 `reduce` 是数组的一个高阶函数,用于累积处理数组中的每一个元素并返回单个值。此方法接收两个参数:累加器(accumulator)和当前值(currentValue)。通过遍历整个数组来构建最终的结果。 #### 基本语法 ```javascript array.reduce(callback( accumulator, currentValue[, index[, array]] )[, initialValue]) ``` - **callback**: 执行于每一项上的回调函数。 - **accumulator**: 累计结果,在第一次调用时可能是初始值或第一个/第二个元素的值。 - **currentValue**: 当前正在处理的元素。 - **index (可选)**: 正在处理的元素索引,默认从0开始。 - **array (可选)**: 调用了 reduce 的原数组。 - **initialValue (可选)**: 提供给首次执行 callback 函数的第一个参数的值。如果不提供,则会跳过首个元素作为默认累计值[^1]。 #### 实际应用案例 ##### 计算总和 当需要计算数值型数组内所有项目的总和时: ```javascript const numbers = [17, 3, 8]; const sum = numbers.reduce((acc, curr) => acc + curr, 0); console.log(sum); // 输出: 28 ``` 此处定义了一个名为 `numbers` 的数组,并利用箭头函数简化了匿名函数表达方式;最后打印出来的就是这些数相加之后的结果。 ##### 合并对象属性 对于包含多个键值对的对象列表来说,可以将它们合并成一个新的单一对象: ```javascript const users = [ {name: 'Alice', age: 24}, {name: 'Bob', age: 30} ]; const combinedUsers = users.reduce((obj, user) => { obj[user.name] = user.age; return obj; }, {}); console.log(combinedUsers); // 输出: {"Alice": 24, "Bob": 30} ``` 这段代码展示了如何把用户信息整合到一起形成一个单独的对象结构。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值