当前位置: 首页 > 工具软件 > Reduce > 使用案例 >

手写reduce方法

段哲圣
2023-12-01

手写常用的数组方法是面试中的常考题目,同时学会这些API的原理也能更好的帮助我们去理解这些API并加运用,下面让我们来一起手写reduce吧~

原生reduce接收几个参数?

原生的reduce是在Array的原型对象上的一个方法,其接收两个参数:

  1. 一个回调函数。这个回调函数的前两个参数,分别表示累积值和当前值。
  2. 初始值。

实现原生reduce的思路

  1. 通过slice原型方法获取到调用reduce的数组。
  2. 定义一个临时结果变量和开始的索引。
  3. 如果传入了初始值,res就等于这个初始值,没有传入res就等于数组的第一项。
  4. 如果传入了初始值,起始索引就是0,没有传入起始所以就是1,这里的1代表的是数组的第二项。
  5. 从起始下标开始遍历,res = fn.call(null,res,arr[i])
Array.prototype.myReduce = function (fn, initialValue) {
    var arr = Array.prototype.slice.call(this);
    var res, startIndex;
    res = initialValue ? initialValue : arr[0]; // 不传默认取数组第一项
    startIndex = initialValue ? 0 : 1;
    for (var i = startIndex; i < arr.length; i++) {
        // 把初始值、当前值、索引、当前数组返回去。调用的时候传到函数参数中 [1,2,3,4].reduce((initVal,curr,index,arr))
        res = fn.call(null, res, arr[i]);
    }
    return res;
}

const test = [1,2,3];
console.log(test.myReduce((pre,cur) => pre + cur));

总结与思考

手写原生的reduce这个题目,需要用到原生的slice方法,需要用到call,需要知道this指向的是谁,同时我们要对是否传入初始者进行判断,如果传入初始值,起始索引和初始值都是从第一项开始的,如果没有传入res则表示数组的第一项,起始索引则从第二项开始。

 类似资料: