21 reduce详解

arr.reduce(function(prev,cur,index,arr){
    ...
},init)
//或者
arr.reduce(function(prev,cur,index,arr){
    ...
},)

- arr 表示原数组

- prev 表示上一次调用回调时的返回值，或者初始值init

- cur 表示当前正在处理的数组元素

- index 表示当前正在处理的数组元素的索引，若提供init值，则索引为0，否则索引为1

- init 表示初始值

常用的参数只有两个:prev和cur

//数组求和，求乘积
var arr=[1,2,3,4]
var sum=arr.reduce((pre,cur)=>{
    return pre+cur
})
console.log(sum)//10
//当没有init初始值时，第一次,pre是1，cur是2，之后pre是上一次的和，arr往前走
//当有初始值时，比如init为100，那么第一次调用时,pre是100，cur是1，往后走
//因此如果init是100,那么打印的值应该为110

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

let person=['a','b','c','d','a','e']
let zimuSum=arr.reduce((pre,cur)=>{
    if(cur in pre)
        pre[cur]++
    else{
        pre[cur]=1
    }
    return pre
},{})
console.log(zimuSum)
//{a:2,b:1,c:1,d:1,e:1}

对数组去重

var arr3=[1,2,3,4,5,6,78,2,3,4]
var result=arr3.reduce((pre,cur,index)=>{
    if(!pre.includes(cur))//数组.includes(元素)数组是否包含这个元素
        return pre.concat(cur)//concat连接两个或多个数组，且不改变原数组
    else
        return pre
},[])
console.log(result)//[1,2,3,4,5,6,78]

实现数组扁平化处理

const newArray=(arr)=>{
    return arr.reduce((pre,cur)=>{
        return pre.concat(Array.isArray(cur)?newArray(cur):cur)
    },[])
}
console.log(newArray[arr])