欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解JavaScript之Array.reduce源碼解讀

 更新時(shí)間:2020年11月01日 10:23:04   作者:痞痞鰕  
這篇文章主要介紹了詳解JavaScript之Array.reduce源碼解讀,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

reduce(...)方法對(duì)數(shù)組中的每個(gè)元素執(zhí)行一個(gè)由您提供的reducer函數(shù)(升序執(zhí)行),將其結(jié)果匯總為單個(gè)返回值(累計(jì)作用)

此方法接受兩個(gè)參數(shù):callback(...)(必選)、initialValue(可選)。
callback(...)接受4個(gè)參數(shù):Accumulator (acc) (累計(jì)器)、Current Value (cur) (當(dāng)前值)、Current Index (idx) (當(dāng)前索引)、Source Array (src) (源數(shù)組)。

注意點(diǎn):
1、callback(...)一般需要返回值
2、不會(huì)改變?cè)瓟?shù)組

實(shí)現(xiàn)思路
1、先獲取初始累計(jì)的值(分成兩種情況:有提供initialValue || 未提供initialValue)
2、遍歷數(shù)組并執(zhí)行callback(...)
3、返回累計(jì)值

源碼實(shí)現(xiàn)

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;
 // 分成兩種情況來(lái)獲取accumulator
 // 有提供initialValue accumulator=initialValue
 // 沒(méi)有提供initialValue accumulator=數(shù)組的第一個(gè)有效元素
 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');
  }
 }
 // 當(dāng)accumulator=initialValue時(shí) k=0
 // accumulator=數(shù)組的第一個(gè)有效元素時(shí) 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
官方規(guī)范

到此這篇關(guān)于詳解JavaScript之Array.reduce源碼解讀的文章就介紹到這了,更多相關(guān)JavaScript Array.reduce源碼內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論