0
点赞
收藏
分享

微信扫一扫

js数组方法reduce妙用,一个方法实现数组求和,平均值,计数,最大值,最小值,偶数和and so on

深夜瞎琢磨 2022-04-26 阅读 59
javascript
/**
    * 数组reduce方法语法
    * @param {callbackFn}回调函数
        * (sum,value,index)=>{sum:上一次的返回值 value:当前元素值  index:当前下标 } 
        * 注意事项:sum初始值一般给0,否则空数组reduce报错   
    * @return: 最后一次回调的结果
    */
    // 1.数组reduce方法实现计数.原理解析:arr和value为箭头函数的形参,每当reduce里面元素item与传入的value值相等时,sum就加1,否则值保持不变,sum初始值为0,最终函数返回值是最后一次sum的结果,也就得到了传入的value值在数组中出现的次数
    function getCount(arr, value) {
      let res = arr.reduce((sum, item) => item === value ? sum + 1 : sum + 0, 0)
      console.log(res);
    }
    getCount([3, 4, 5, 6, 7, 5, 5, 6, 6, 7], 5)  //3

    // 2.数组reduce方法实现求和.
    function getSum(arr) {
      let res = arr.reduce((sum, value) => { return sum + value }, 0)
      console.log(res);
    }
    getSum([4, 5, 6, 7, 8])  //30

    //3.数组reduce方法求平均值
    function getAverage(arr) {
      let res = arr.reduce((sum, value) => { return sum + value }, 0) / arr.length
      console.log(res);
    }
    getAverage([4, 5, 6, 7, 8])  //6

    //4.数组reduce方法求最大值
    function getMax(arr) {
      let res = arr.reduce((sum, value) => { return sum < value ? value : sum }, arr[0])
      console.log(res);
    }
    getMax([4, 5, 6, 7, 8])   //8

    //5.数组reduce方法求最小值
    function getMin(arr) {
      let res = arr.reduce((sum, value) => { return sum < value ? sum : value }, arr[0])
      console.log(res);
    }
    getMin([4, 5, 6, 7, 8])   //4

    //6.数组reduce方法求偶数和
    function getEvenSum(arr) {
      let res = arr.reduce((sum, value) => { return value%2==0 ? sum +value: sum }, 0)
      console.log(res);
    }
    getEvenSum([4, 5, 6, 7, 8])   //18=4+6+8

由此可见,reduce方法还是很强大的

举报

相关推荐

0 条评论