关于一个分组统计的函数

Question

constcountBy=(arr,fn)=>arr.map(typeoffn==='function'?fn:val=>val[fn]).reduce((acc,val,i)=>{acc[val]=(acc[val]||0)+1;returnacc;},{});countBy([6.1,4.2,6.3],Math.floor);//{4:1,6:2}countBy(['one','two','three'],'length');//{3:2,5:1}我的疑问是map里面是怎么运行，arr.map()主要是这个三元表达式结果是应该是进入fn,而不是后面的reduce求大佬着重解释下这个

Answer 1

constcountBy=(arr,fn)=>{
//判断fn是否为函数,如果是函数tempFn=fn,如果不是函数tempFn=val=>val[fn]
consttempFn=typeoffn==='function'?fn:val=>val[fn]
//consttempFn=typeoffn==='function'?fn:(val=>val[fn])
consttempArr=arr.map(tempFn)
//遍历tempArr统计相同的元素个数
returntempArr.reduce((acc,val,i)=>{
acc[val]=(acc[val]||0)+1;
returnacc;
},{});
}
countBy([6.1,4.2,6.3],Math.floor);
//tempFn=Math.floor
//tempArr=arr.map(tempFn)//tempArr=[6,4,6]
//使用reduce统计相同元素个数{6:2,4:1}
countBy(['one','two','three'],'length');
//tempFn=val=>val['length']
//tempArr=arr.map(tempFn)//tempArr=[3,3,5]
//使用reduce统计相同元素个数{3:2,5:1}
                            

Answer 2

array.map接收一个函数作为参数，返回值为一个新数组，新数组里面的每一项是原array经过函数处理后的返回值。map里面，fn是函数的话就是fn(array[i])，不是函数就返回array[i].length