reduce 示例

概念

1. 语法 arr.reduce(callback,[initialValue])

2. reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。

callback （执行数组中每个值的函数，包含四个参数）

    1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））
    2、currentValue （数组中当前被处理的元素）
    3、index （当前元素在数组中的索引）
    4、array （调用 reduce 的数组）

initialValue （作为第一次调用 callback 的第一个参数。）

示例

//计算数组中每个元素出现的次数
   const names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];

   function CharacterTimes(arr) {
     return arr.reduce((prev, cur, i) => {
       if (prev.hasOwnProperty(cur)) {
         prev[cur]++;
       }
       else {
         prev[cur] = 1;
       }
       return prev
     }, {})
   }
   console.log(CharacterTimes(names))

   //将二维数组转化为一维
   let arr = [[0, 1], [2, 3], [4, 5]];
   const _arr = arr.reduce((prev, cur) => {
     return prev.concat(cur)
   }, [])

   console.log(_arr)

   //数组 对象 互相转换
   const testData = [
     { id: 1, name: 'a' },
     { id: 2, name: 'b' }
   ]

   const testData2 = {
     1: { id: '1', name: 'a' },
     2: { id: '2', name: 'b' }
   }
   //将 testData 转为 testData2 形式 （数组转对象）
   function ArrayToObj(arr) {
     return arr.reduce((prev, cur) => {
       if (cur.id) {
         prev[cur.id] = cur
       }
       return prev
     }, {})
   }
   const res = ArrayToObj(testData)
   console.log(res)

   //将 testData2 转为 testData 形式 （对象转数组）
   function ObjToArray(obj) {
     return Object.keys(obj).map(key => obj[key])
   }
   console.log(ObjToArray(testData2))

组合三种折扣 取得最后价格

//商品打九折
function discount1(x) {
    return x * 0.9
}

//满200 - 50
function discount2(x) {
    return x > 200 ? x - 50 : x;
}

//再打九五折
function discount3(x) {
    return x * 0.95
}

function compose(...arguments) {
    
    if(arguments.length === 0) {
        return arg => arg
    }
    return arguments.reduce((a,b)=>{
    
        return (...args)=>{                  
            
            return a(b(...args))
        }
    })
}

const getPrize = compose(discount3,discount2,discount1)

console.log( getPrize(200))

扁平化

var arr = [1,[2,3],[4,5,[6,7]]]       
      
function flat(arr) {
    return arr.reduce((prev,cur)=>{
      return prev.concat(Array.isArray(cur) ? flat(cur) : cur)
    },[])
}
console.log(JSON.stringify(flat(arr)))

数组去重

//数组去重
       var a = [1,2,3,1,2,4,5]
       var c = a.reduce((prev,cur)=>{           
           return prev.includes(cur) ? prev : prev.concat(cur)
       },[])

       console.log(c)


 //对象数组去重
      var arr_obj = [
           {
               id:'a',
               c:'123'
           },
           {
               id:'b',
               c:'223'
           },
           {
               id:'a',
               c:'323'
           }
       ]
       var obj = []
       var _arr_ = function(arr) {           
           return arr.reduce((prev,cur)=>{               
           //   obj[cur.id] ? "" : obj[cur.id]=true && prev.push(cur)
           //   return prev   

           if(!obj.includes(cur.id)) {
               obj.push(cur.id)
               prev.push(cur)
           }
           return prev

           },[])

         
       }

       console.log(_arr_(arr_obj))