reduce的高级用法的疑惑

Question

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

let names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];

let nameNum = names.reduce((pre,cur)=>{
  if(cur in pre){
    pre[cur]++
  }else{
    pre[cur] = 1 
  }
  return pre
},{})
console.log(nameNum); //{Alice: 2, Bob: 1, Tiff: 1, Bruce: 1}

2.数组去重

let arr = [1,2,3,4,4,1]
let newArr = arr.reduce((pre,cur)=>{
    if(!pre.includes(cur)){
      return pre.concat(cur)
    }else{
      return pre
    }
},[])
console.log(newArr);// [1, 2, 3, 4]

上面第二个参数是空对象，空数组，这个怎么理解，谢谢。

Answer 1

这个是个默认值，作为第一次调用第一个参数callback时的pre，往后的pre值即为callback上一次调用的返回值。

Answer 2

reduce/reduceRight是累加器，第一个参数为回调函数，第二个参数为初始值。
通过第一个参数回调函数对初始值进行累加，

回调函数接收4个参数:

1. Accumulator (acc) (累计器)
2. Current Value (cur) (当前值)
3. Current Index (idx) (当前索引)
4. Source Array (src) (源数组)

例子

['a', 'b'].reduce((pre, cur, index) => { 
    pre[index] = cur; 
    return pre; 
}, {});
// {0: "a", 1: "b"}

参数链接: https://developer.mozilla.org...