巧用js数组方法reduce,一个方法实现数组求和,平均值,计数,最大值,最小值,偶数和等常见统计问题

/**
    * 数组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方法还是很强大的

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值