Javascript学习之路：从零封装数组累加器reduce()以及累加器的特殊用法

在日常的项目中，我们对于数组类型数据做处理时经常会使用累加器reduce，这个api在Array类的原型对象中，根据原型对象的继承，每一个子类的数组都可以使用。那么是否有好奇过，这个方法是如何封装的？内部的原理是什么？reduce除了可以对数组的每一个元素进行累加最后return一个总数，还能用来做什么？ 本文就一一为大家解答，从零封装一个数组累加器reduce()以及我在学习过程中积累到的关于累加器的一种特殊的用法😊。

1. 从零封装一个数组元素累加器reduce

• 因为这是一个子类数组可继承的方法，所以我们把这个方法封装在Array类原型对象中 Array.prototype.reduce

• 首先分析Array.prototype.reduce这个方法的传参和特征

  • reduce（）方法接受一个函数作为累加器，数组中的每个值从左到右开始缩减，最后计算为一个值

  • reduce（）可以作为一个高阶函数，用于函数的compose

  • reduce() 对于空数组是不会执行回调函数的

  • reduce() 方法 有5个参数

    • sum 必填，初始值或者累加结束后的返回值
    • item 必填，当前元素
    • index 可选，当前元素的索引
    • arr 可选，当前元素所属的数组对象
    • value 初始值，默认是数组的第一位元素

    
        var arr = [1, 2, 3]
        arr.reduce((sum,item,index,arr)=>{
           
           
           // 如果没有设置初始值,内部默认从第二位开始遍历；如果有value，就从第一位开始遍历
     	  // 最后return出来的一定是sum
     	  // console.log(sum) //1 undefined 
     	  // console.log(item) // 2 3
     	  // console.log(index) // 1 2
     	  // console.log(arr) // [1,2,3]  [1,2,3]