arr.reduce()函数的简易实现

veggie_a_h

已于 2022-03-25 21:57:16 修改

阅读量289

点赞数

分类专栏：前端知识点基础前端面试文章标签： javascript 前端 es6/es7

于 2022-03-08 21:24:53 首次发布

本文链接：https://blog.csdn.net/wanghe1111_/article/details/123363658

版权

前端面试同时被 2 个专栏收录

27 篇文章 1 订阅

订阅专栏

前端知识点基础

21 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何使用JavaScript来简易实现Array.prototype.reduce()函数的功能。通过一个示例展示了reduce()函数用于数组求和的基本用法，并给出了一个自定义的_reduce()方法，该方法接受一个回调函数和可选的初始值，遍历数组并应用回调函数进行累加操作，最后返回累加结果。这个简易实现加深了对reduce()方法的理解。

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

arr.reduce()函数的简易实现

Array.reduce()api是ES6新增的数组元素求和方法，下面是它的简易实现。

let arr = [1, 2, 4]        
arr.reduce((prev, cur) => {
    return left + right
}, 0) // 求和得7

// 简单实现Array.reduce方法：
Array.prototype._reduce = function(callback, start) {
    let prev
    if(start === undefined) {//可能未初始值参数，如果未传参就是默认初始值为0
        prev = 0
    } else {
        prev = start

    }
    for (let i = 0; i < this.length; i++) {//其实this就是指调用的那个数组
        prev = callback(prev, this[i])//调用传过来的回调函数，会返回prev + this[i]的和然后重新赋值给prev，这样就实现了数组前面项元素的和
     }
     return prev
}

console.log([1,3,4]._reduce((prev, cur) => {
    return prev + cur
}, 0))