乐趣区

关于javascript:JavaScript之Arrayreduce源码解读

前言

reduce(...)办法对数组中的每个元素执行一个由您提供的 reducer 函数(升序执行),将其后果汇总为单个返回值(累计作用)

此办法承受两个参数:callback(...)(必选)、initialValue(可选)。
callback(...)承受 4 个参数:Accumulator (acc) (累计器)、Current Value (cur) (以后值)、Current Index (idx) (以后索引)、Source Array (src) (源数组)。

留神点:
1、callback(...)个别须要返回值
2、不会扭转原数组

实现思路

1、先获取初始累计的值(分成两种状况:有提供 initialValue || 未提供 initialValue)
2、遍历数组并执行callback(...)
3、返回累计值

源码实现

Array.prototype.myReduce = function(callback, initialValue) {if(this === null) {throw new TypeError( 'Array.prototype.reduce called on null or undefined');
  }
  if (typeof callback !== 'function') {throw new TypeError( callback + 'is not a function');
  }
  const O = Object(this);
  const lenValue = O.length;
  const len = lenValue >>> 0;
  if(len === 0 && !initialValue) {throw new TypeError('the array contains no elements and initialValue is not provided');
  }
  let k = 0;
  let accumulator;
  // 分成两种状况来获取 accumulator
  // 有提供 initialValue accumulator=initialValue
  // 没有提供 initialValue accumulator= 数组的第一个无效元素
  if(initialValue) {accumulator = initialValue;} else {
    let kPressent = false;
    while(!kPressent && k < len) {const pK = String(k);
      kPressent = O.hasOwnProperty(pK);
      if(kPressent) {accumulator = O[pK];
      };
      k++;
    }
    if(!kPressent) {throw new TypeError('the array contains error elements');
    }
  }
  // 当 accumulator=initialValue 时 k=0
  // accumulator= 数组的第一个无效元素时 k=1
  while(k < len) {if(k in O) {
      // callback 个别须要返回值
      accumulator = callback(accumulator, O[k], k, O);
    }
    k++;
  }
  return accumulator;
}
let r = [1,2,3].myReduce(function (prevValue, currentValue, currentIndex, array) {return prevValue + currentValue;}, 22);
console.log(r); // 28

参考链接:

  • reduce-mdn
  • 官网标准
退出移动版