手写array的reduce方法

最新推荐文章于 2024-03-14 21:24:42 发布

卖菜的小白

最新推荐文章于 2024-03-14 21:24:42 发布

阅读量468

点赞数

分类专栏： js面试题文章标签： array reduce

本文链接：https://blog.csdn.net/weixin_47450807/article/details/123723303

版权

js面试题专栏收录该内容

208 篇文章 76 订阅

订阅专栏

本文介绍了在面试中被问及如何实现数组的reduce方法时，作者现场编码的经历。文章详细解析了reduce方法的基本原理，包括其参数、回调函数的参数及作用，并提供了一个手动实现reduce功能的代码示例。通过实例展示了如何使用这个自定义的reduce方法来求和数组元素。

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

一、写在前面
今天在面试的时候，面试官问道，你可以实现一个array的reduce方法吗，我瞬间懵逼，硬着头皮写出来了，不过少了很多类型检测。下面进行简单总结一下。
二、手写reduce
我们知道reduce需要传入两个参数，第一个参数是一个函数，第二个参数是初始值，并且回调函数的参数有四个，第一个参数为上一次return的值，如果没有return就为初始值，第二个参数为遍历的值，第三个参数是索引，第四个参数是数组。知道这些就好办，接下来手撕代码。

Array.prototype.myReduce = function(fn, initValue) {
  if(this.length === 0 || typeof fn !== 'function') {
    return []
  }
  initValue = initValue ?? this[0]
  let result = initValue
  for(let i = 1; i < this.length; i++) {
    result = fn(result, this[i], i, this)
  }
  return result
}
let arr = [1,2,] 
let res = arr.myReduce((pre, next) => {
  return pre + next 
})
console.log(res)