Array.prototype.reduce()

前言

reduce()的使用

reduce()方法为归并类方法，最常见的应用场景就是，计算数组中每一项的总和。

reduce()方法会遍历数组的每一项，它接收两个参数：

第一个参数是：每次遍历都会调用的函数，而这个函数又接收四个参数，分别为：前一个值、当前项、项目的索引和数组对象，

而这个函数的返回值，会传给下一次遍历时，执行的这个方法的第一个参数。

第二个参数是：归并基础的初始值。

一、上述参数使用

 let arr = [1,6,3,4,5]
 arr.reduce((pre,cur)=>{
      return pre+cur
 })

这段代码是计算数组总和的，reduce方法中，只传了第一个参数（callback回调函数），也就是只传了一个函数，但第二个参数、初始值并没有传，当第二个值没有传的时候，第一次循环，pre的值，默认为数组的第一项，而cur的值为数组的第二项，也就是第一次循环结束返回return 1+6 ，第一次循环返回的结果会传给下一次循环中方法的第一个参数(pre)，也就是第二次循环方法中pre的值，是第一次循环方法返回的结果。第二次循环  return 7+3;

let arr = [1,6,3,4,5]
arr.reduce((pre,cur)=>{
    return pre+cur
},10)

传入第二个参数时，第一次循环，pre的值为reduce的第二个参数，也就是“归并基础的初始值”，而cur的值为数组的第一项，第一次循环会return 10+1 。

总结：

1.当reduce()方法的第二个值为空时，第一次循环方法中的第一个参数(prev)为数组的第一项值，第二个参数(cur)为数组的第二项值，反之，第一次循环方法中的第一个参数(pre)为reduce的第二个参数值，第二个参数(cur)为数组的第一项值。

2.reduce方法的第一个参数，就是每次遍历都会执行的匿名函数，当前函数的返回值会传给下一次执行函数的第一个值。也就是prev

2.reduce()方法的应用场景

1.计算总和

代码如下（示例）：

let arr = [1,6,3,4,5]
let result = arr.reduce((pre,cur)=>{
     return pre+cur
})
console.log(result)

2.简单数组去重

代码如下（示例）：

let arr = [1,2,3,4,5,2,3]
let result = arr.reduce((pre,cur)=>{
     if (!pre.includes(cur)){
        prev.push(cur)
     }
     return pre
},[])
console.log(result)

3.统计每个值在数组中出现的次数

代码如下（示例）：

let arr = [1,2,3,4,5,2,3]
let result = arr.reduce((pre,cur)=>{
            if (pre[cur] != undefined) {
                pre[cur]++
            } else {
                pre[cur] = 1
            }
            return pre
},{})
console.log(result)