reduce && reduceRight

最新推荐文章于 2025-04-04 23:39:01 发布

zwf193071

最新推荐文章于 2025-04-04 23:39:01 发布

阅读量146

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/zwf193071/article/details/111997372

版权

JS 专栏收录该内容

33 篇文章

订阅专栏

这篇博客深入解析了JavaScript中Array.prototype.reduce的方法，包括其工作原理和特殊情况的处理。文章通过示例展示了reduce如何对数组进行累积操作，并提供了使用Math.pow函数的实例。此外，还给出了使用ES5语法实现reduce和reduceRight的代码示例，帮助读者更好地理解和应用这两个方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

MDN文档中关于Array.proptotype.reduce的描述如下所示

如果数组为空并且没有提供initialValue，会抛出TypeError。如果数组仅有一个元素（无论位置如何）并且没有提供initialValue，或者有提供initialValue但是数组为空，那么此唯一值将被返回并且callback不会被执行

[1].reduce(Math.pow) // 1
[10].reduce(Math.pow) // 10
[1,2,3].reduce(Math.pow) // 1，从左到右执行，分别是Math.pow(1,2)，得到的结果为1，再Math.pow(1,3)
[1,2,3].reduceRight(Math.pow) // 9，从右到左执行，分别是Math.pow(3,2)，得到的结果为9，再Math.pow(9,1)

用es5实现reduce方法

Array.prototype.reduceList = function(fn, sum) {
    if (typeof fn !== 'function') {
        throw new Error(`${fn} is not a function`)
    }
    if (typeof sum === 'undefined') sum = this[0]
    for (let i = 1, len = this.length; i < len; i++) {
        sum = fn(sum, this[i], i, this);
    }
    return sum;
}

用es5实现reduceRight方法

Array.prototype.reduceListRight = function(fn,sum){
    if(typeof fn !== 'function'){
        throw new Error(`${fn} is not a function`);
    }
    let index;
    if(typeof sum === 'undefined'){
        sum = this[this.length - 1];
        index = this.length - 2;
    }else{
        index = this.length - 1;
    }
    for(var i = index;i >= 0; i--){
        sum = fn(sum,this[i],i,this);
    }
    return sum;
}