说说reduce方法的作用？自己手动封装一个reduce，写出其核心代码？

最新推荐文章于 2024-09-12 14:28:05 发布

白日梦想家.、

最新推荐文章于 2024-09-12 14:28:05 发布

阅读量166

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_65545080/article/details/130060524

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章介绍了JavaScript中reduce方法的使用，包括如何遍历数组并处理元素，特别是初始化值对结果的影响。同时，文章提供了一个自定义的myReduce实现，用于加深对reduce工作原理的理解。

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

reduce遍历数组的方法，类似map,forEatch,reduce的可以设置初始值

reduce其中 init有值时 pre为init，item为数组中的值，index为当前索引，arr是数组本身

             init没值时，pre为数组中的值，item类推，index为item值的索引，

                 有return时，pre为 return 出的值

var a = [4,5,6]
undefined
a.reduce((pre,item,index,arr)=>{
    console.log(pre,item,index,arr)
    
})
// 打印结果
   4         5 1 [4,5,6]
   undefined 6 2 [4,5,6]
 
 
a.reduce((pre,item,index,arr)=>{
    console.log(pre,item,index,arr)
    
},9)
//打打印结果
    9         4 0 (3) [4, 5, 6]
    undefined 5 1 (3) [4, 5, 6]
    undefined 6 2 (3) [4, 5, 6]

reduce封装

// myReduce
Array.prototype.myReduce = function (fn,...args) {
     if(!arguments.length){
        throw new error;
     }
     let pre = args.length>0? args[0] : this[0];
     let startIndex = args.length>0?0:1;
     for(let i = startIndex;i<this.length; i++) {
         pre = fn(pre,this[i],i,this)
     }
     return pre
 }