定义和用法

1. reduce() 要领吸收一个函数作为累加器，数组中的每一个值（从左到右）最先缩减，终究盘算为一个值。
2. reduce() 能够作为一个高阶函数，用于函数的 compose
3. reduce() 关于空数组是不会实行回调函数的

浏览器支撑

支撑谷歌、火狐、ie9以上等主流浏览器

语法

array.reduce(function(prev, current, currentIndex, arr), initialValue)

1. prev：函数传进来的初始值或上一次回调的返回值
2. current：数组中当前处置惩罚的元素值
3. currentIndex：当前元素索引
4. arr：当前元素所属的数组自身
5. initialValue：传给函数的初始值

初始值为数值：

       const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
       const sum = arr.reduce(function (prev, current) {
         return prev+current
       }, 0)
       console.log(sum) //55

reduce依据函数传进来的初始值，不停回调叠加终究算出数组的和

初始值为对象：

      const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
       const sum = arr.reduce(function (prev, current) {
         prev.count = prev.count+current
         return prev
       }, {count: 0})
       console.log(sum) //{count: 55}

假如初始值为对象的话，返回的也是一个对象

初始值为数组：

      const str = 'hello'
      const newstr = str.split('').reduce(function (prev, current) {
         const obj = {};
         obj[current] = current;
         prev.push(obj)
         return prev;
      }, [])
      console.log(newstr)

效果为：

    [{
        h: 'h'
      },{
        e: 'e'
      },{
        l: 'l'
      },{
        l: 'l'
      },{
        o: 'o'
      }]

假如初始值为数组，则返回的也是数组

reduce运用：

    {
      function func1(a) {
        return a*10;
      }

      function func2(b) {
        return b*2
      }

      const test1 = func1(2)
      const test2 = func2(test1)
      console.log(test2) //40
    }

这里我们须要先实行要领func1再依据func1返回的值，然后实行要领func2，我们有时刻会遇到不止两个要领一同，假如是多个呢，这个时刻就要用到reduce来处置惩罚了

     function func1(a) {
        return a*10;
      }

      function func2(b) {
        return b*2
      }

      function func3(c) {
        return c/2;
      }
      const compose = (...func) => (...init) => {
          if(func.length >= 2){
            return func.reduce((prev, curr)=>{
               prev = curr(prev)
               return prev;
            }, ...init)
          }
          return func(...init);
      }

      const a1 = compose(func1,func2)(2);
      console.log(a1) //40
      const a2 = compose(func1,func2,func3)(2);
      console.log(a2) //20