面试常考题：手写一个数组reduce方法

最新推荐文章于 2024-11-03 17:19:42 发布

原创最新推荐文章于 2024-11-03 17:19:42 发布 · 291 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

面试专栏收录该内容

12 篇文章

订阅专栏

文章介绍了JavaScript中reduce方法的特性，包括回调函数的第一个参数默认值、数组遍历的起点，并提供了手动实现reduce功能的代码示例，该代码考虑了未传入初始化值的情况以及对函数类型的检查。

如果还不知道什么是reduce方法，建议您直接点击下面链接先阅读一下先。

菜鸟教程《JavaScript reduce() 方法》

reduce的特性1: 回调函数的第一个参数是默认值或者上一个回调函数的返回值

reduce的特性2: 回调函数的第一个参数是没用传，默认是数组第一项的值，current前元素值会从数组第二项开始

reduce的特性3: reduce的返回值为最后一项的元素的回调函数返回值

基于以上原生reduce的特性，手动实现代码如下：

Array.prototype.myReduce = function (fn, initValue) {
        let total = initValue, i = 0;
        // 当没有传初始值的话，默认取数组第一个值为初始值，数组遍历从第二项开始
        if (initValue === undefined) {
            total = this[0]
            i = 1;
        }
        if (typeof fn === 'function') {
            for (; i < this.length; i++) {
                total = fn(total, this[i], i, this)
            }
        }
        return total
    }