JavaScript 数组reduce() 的用法

语法

  这个方法接收两个参数：

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

              (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"]

运行结果：