JS：数组 reduce 方法

最新推荐文章于 2025-05-19 20:24:31 发布

GoodbyeRonnie

最新推荐文章于 2025-05-19 20:24:31 发布

阅读量2.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/qq_28387069/article/details/83180997

JS 专栏收录该内容

50 篇文章

订阅专栏

本文深入探讨了 JavaScript 中 reduce 函数的使用方法，包括其基本语法、参数解释及多个实用示例，如数组求和、对象属性求和、统计字符串字符出现次数等，帮助读者全面掌握 reduce 的强大功能。

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

reduce

arr.reduce(function(res,cur,ind,arr){
    return something
},initRes)

reduce可以接受两个参数，reduce接受的第一个参数是一个方法，该方法可以接受四个参数，第一个参数为上一次函数调用的返回值（第一次调用时默认是数组的第一个元素），第二个参数为当前被遍历的元素，第三个参数为当前遍历元素的下标，第四个参数为执行reduce方法的原数组，reduce接受的第二个参数是第一个参数方法第一次调用的返回值的初始值（默认是数组的第一个元素）。

reduce可以遍历调用该方法的数组并使用传入参数方法，返回遍历完成后最终的执行结果，不会修改原数组。

//数组求和
var arr = [0,1,2,3,4];
var sum = arr.reduce( (prev,cur) => prev+cur ); // sum 为 10

上面的代码执行过程可以通过下面的代码来了解

var sum = arr.reduce((prev,cur,ind) => { 
    console.log(ind+' : prev=' + prev + ' cur=' + cur) 
    return prev + cur
});
console.log('sum=' + sum)
//0 : prev=0 cur=1
//1 : prev=1 cur=2
//2 : prev=3 cur=3
//3 : prev=6 cur=4
//sum=10

更多示例

//数组内元素属性求和
var arr = [{num:0},{num:1},{num:2},{num:3},{num:4}];
var sum = arr.reduce((prev,cur) => prev+cur.num , 0 ); // sum 为 10
// prev初始值设置为0，否则将默认为{num:0}，无法累加

//统计字符串中每个字符出现次数
var str = 'aaabbccddddd'
var strArr = str.split('')
var strArrRes = strArr.reduce(function(res, cur) {
    res[cur] ? res[cur] ++ : res[cur] = 1
    return res;
},{}) // 将res为初始化为一个空对象，否则res默认为‘a’字符串，即strArr的第一个元素
console.log(strArrRes); // {a: 3, b: 2, c: 2, d: 5}

//计算所有商品在不同汇率下的总价格
//汇率数据对象
var exchangs = {euro: 0.888, dollar: 0.666, rmb: 1}
//商品列表
var itemArr = [{price: 10}, {price: 100}, {price: 1000}]
//累加器函数
var reducer = function(exc){
    //接受 汇率数据参数 返回 一个新函数 作为调用是的参数方法 
    return function(res,cur){
        //遍历所有汇率 将每一种汇率的价格累加 
    	var totalRes = Object.keys(exc).reduce(function(useless,excKey){
            res[excKey]?res[excKey]+=cur.price*exc[excKey]:res[excKey]=cur.price*exc[excKey]; 
            return res;
        },{});
        //返回计算结果
        return totalRes;
    }
}
//使用商品列表 调用reduce 计算结果初始值设置为{euro:0, dollar: 0, rmb: 0}
var totalResult = itemArr.reduce(reducer(exchangs),{euro:0, dollar: 0, rmb: 0});
console.log(totalResult);
//{euro: 985.68, dollar: 739.26, rmb: 1110}