reduce的高级用法的疑惑

WHMac
  • 224

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]

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

回复
阅读 709
2 个回答
✓ 已被采纳

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

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...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏