实现Array.proptotype.reduce--简易版

最新推荐文章于 2024-03-08 18:16:31 发布

caicsama

最新推荐文章于 2024-03-08 18:16:31 发布

阅读量155

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/caicsama/article/details/112899816

版权

js 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

本文详细解读了Array.prototype.reduce的改进版doReduce函数，展示了如何使用回调函数进行数组求和，并介绍了新的函数参数和错误处理机制。通过实例演示了如何在JavaScript中实现归并操作。

摘要由CSDN通过智能技术生成

首先，分析原有的Array.prototype.reduce
reduce是一种归并方法，对每一项都会运行一个归并方法（计算数组之和可以使用）
参数：

reduce(callback[,initialVlaue])

其中：
callback：数组中每个元素执行操作的方法，必选
initialValue：初始值，可选

操作函数：callback(prev,cur[,index,arr])
prev: 前面操作的结果，有initialVlaue的时候，开始执行的时候prev=initialValue；没有initialValue的时候，prev = 数组的第0项
cur: 当前数组遍历到的值
index：cur在数组中的索引
arr:遍历的数据

最终实现版

// 判断类型
function type(x) {
    return Object.prototype.toString.call(x).slice(8, -1);
}
Array.prototype.doReduce = function(/*callback,initial_value*/){
    let context = this,
        callback = arguments[0];
    if(type(callback) !== 'Function') {
        throw new TypeError(`${callback} is not a function`);
    }
    let context_type = type(context);
    if(context_type !== 'Array') {
        throw new TypeError('${context} is not a Array');
    }
    let {length} = context,
        k = 0,
        res = null;
    // 判断是否传递了 初始化参数
    let initial_value = arguments.length > 0
        ? arguments[1]
        : context[k++];
    res = initial_value;
    for(; k < length; k++) {
        res = callback(res, context[k], k, context);
    }
    return res;
}

// 原有的reduce实现功能
let arr = [1, 2, 3, 4, 5];
let ans = arr.reduce((prev, cur) => prev += cur, 0);
console.log(ans);

let ans2 = arr.doReduce((prev,cur) => prev += cur, 0);
console.log(ans2);