js中数组的reduce用法

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 )