JavaScript 数组reduce() 的用法_js values.reduce(function(a, b) { return a + b; },-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_46007966/article/details/106433181

本文深入讲解JavaScript中的Reduce方法，包括其语法、参数说明及应用场景，如数组求和、计算乘积、统计元素出现次数和去除重复元素等。通过实例演示如何设置函数的初始迭代值，以及如何利用Reduce进行高效的数据处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

语法

这个方法接收两个参数：

要执行的函数，要执行的函数也可以传入参数，分别为

(1) prev：上次调用函数的返回值

(2) cur：当前元素

(3) index：当前元素索引

(4) arr：被遍历的数组

函数迭代的初始值

举例

没有设置函数的初始迭代值

let arr = [1, 2, 3, 4];
let sum = arr.reduce(function(prev,cur,index,arr){
    console.log(prev,cur,index);
    return prev + cur;
})
console.log(arr,sum)

运行结果：

图片描述

可以看到，在这里reduce的作用就是对这个数组进行求和，迭代了3次，函数迭代的初始值是1，也就是默认值（数组的第一项），prev的值是每次计算后的值

设置初始迭代值

let arr = [1, 2, 3, 4];
let sum = arr.reduce(function(prev,cur,index,arr){
    console.log(prev,cur,index);
    return prev + cur;
},5)
console.log(arr,sum)

运行结果：

图片描述

这里添加了一个初始的迭代值，也就是让prev从5开始计算，可以看到，这里迭代了4次，结果也加上了初始值。

应用

求和以及乘积：

let arr = [1,2,3,4,5]
console.log(arr.reduce((a,b) => a + b)) // 15
console.log(arr.reduce((a,b) => a * b)) // 120

计算数组中每一个元素出现的次数

let  arr = ['wade','james','curry','kobe','rose','wade','wade','curry']
let newArr = arr.reduce((pre,cur) => {
    console.log(pre,cur)
    if(cur in pre){
        pre[cur]++
    }else{
        pre[cur] = 1
    }
    return pre
},{})

console.log(newArr) // 结果：{wade:3,james:1,curry:2,kobe:1,rose:1}

运行结果：

去除数组中重复的元素

let arr = ['wade', 'james', 'curry', 'kobe', 'rose', 'wade', 'wade', 'curry']
let newArr = arr.reduce((pre, cur) => {
    if(!pre.includes(cur)){
        pre.push(cur)
    }
    return pre;
}, [])

console.log(newArr) // 结果：["wade", "james", "curry", "kobe", "rose"]

运行结果：