js中数组的reduce用法
reduce方法有些难理解,但是有时是真的很好用
语法
//arr.reduce(callback,intialValue)
arr.reduce((pre,cur,index,arr)=>{
},intialValue)
//pre:上一次回调函数的返回值或初始值(方法执行最开始的时候是初始值),必有
//cur:当前元素,必有
//index:当前元素的下标,若有初始值第一次下标为0,否则为1,可选
//arr: 调用reduce方法的数组,可选
//initialvalue:初始值,可有可无,如果不写的话 initialValue 就是数组的第一个元素,
// 由于数组第一个元素作为了初始值,所以数组会少循环一次
注意,最好设置initialValue ,因为,如果调用reduce的数组是一个空数组的话,不写initialValue 会报错
var arr2 = []
const res = arr2.reduce( ( pre,cur ) => pre + cur )
//TypeError: Reduce of empty array with no initial value at Array.reduce
用法
- 数组项求和,(数组各项乘积也可以用)
var arr = [ 1,3,4,2,5,10 ]
arr.reduce( ( pre,cur ) =>
{
return pre + cur
} )
//由于initialValue 没有,所以第一次计算时 pre是第一个元素 1,cur 是第二个元素 3
- 求最大值
var arr = [ 1,3,4,2,5,10 ]
arr.reduce( ( pre,cur ) =>
{
return Math.max( pre,cur )
} ,0)
//由于initialValue是0,所以第一次计算时 pre是 0,cur是第一个元素 1
- 数组去重
var arr = [ 1,3,4,2,5,10,10,1,3 ]
const res = arr.reduce( ( pre,cur ) =>
{
pre.indexOf( cur ) === -1 && pre.push( cur )
// if ( pre.indexOf( cur ) === -1 ) pre.push( cur )
return pre
},[] )
initialValue 也可以定义返回值的类型
- 统计元素出现次数
var arr = [ 1,3,4,2,5,10,10,1,3 ]
const res = arr.reduce( ( pre,cur ) =>
{
if ( pre[ cur ] )
{
pre[ cur ]++
} else
{
pre[ cur ] = 1
}
return pre
},{} )
- 多维数组转成一维
var arr1 = [ 1,2,[ 3,4 ],[ 5,6,[ 7,8 ] ] ]
const flatArr = function ( arr )
{
return arr.reduce( ( pre,cur ) => pre.concat( Array.isArray( cur ) ? flatArr( cur ) : cur ),[] )
}
flatArr( arr1 )