手写javascript中的reduce()方法

  • Post author:
  • Post category:java


一、定义和用法

​ reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。

​ reduce() 可以作为一个高阶函数,用于函数的 compose。

​ 注意: reduce() 对于空数组是不会执行回调函数的。

语法:


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

reduce()方法的参数:

1、回调函数(callback):

回调函数里面的参数:



prev

上一步的结果



currentValue

当前的值



currentIndex

当前值的index



arr

当前数组

2、累加器(

prev

)的初始值(

initialValue

)

可选参数:初始值,如果有就采用本值作为初始值,没有就采用数组第一个值

二、代码实现

<script>
    //写在 js 系统中的 Array的原型对象上面(保证每个数组都能调用该方法)
    Array.prototype.copyReduce = function (fn, initialValue) {
        //浅拷贝数组  
        var arr = Array.prototype.slice.call(this);
        //注意: reduce() 对于空数组是不会执行回调函数的。
        if (!arr.length) {
            return
        }
        var sum;//sum(是上面的prev) 
        //默认初始值  
        sum = initialValue ? initialValue : arr[0];
        //遍历数组的每一个值  
        for (var i = 0; i < arr.length; i++) {
            //每一个值都会在该方法中被(加工处理),  
            sum = fn.call(null, sum, arr[i], i, this);
        }
        //最后的返回值
        return sum
    }

    // 测试
    const arr = [11,22,33,44,55]
    const Sum = arr.copyReduce((sum,item)=>sum+item,0)
    console.log(Sum) //176
</script>



版权声明:本文为m0_50665842原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。