JS中的reduce详解

使用场景较多的地方:数组求和,求积 等

    let arr = [1, 2, 3, 4, 5];
    let sum = arr.reduce((prev, cur, index, arr) {
        console.log({ 'prev': prev, 'cur': cur, 'index': index, 'arr': arr });
        
        // 第一次遍历,初始值为0,prev: 0, cur: 1, index: 0, arr: [1,2,3,4,5]
        // 第二次遍历,初始值为 0 + 1,prev: 1, cur: 2, index: 1, arr: [1,2,3,4,5]
        // ... ... 
        return prev + cur;
    }, 0);
    console.log('sum:', sum);
    // sum: 15


    // 如果我设定initialValue为10
    let arr = [1, 2, 3, 4, 5];
    let sum = arr.reduce((prev, cur, index, arr) {
        console.log({ 'prev': prev, 'cur': cur, 'index': index, 'arr': arr });
        // prev: 10, cur: 1, index: 0, arr: [1,2,3,4,5]
        // prev: 11, cur: 2, index: 1, arr: [1,2,3,4,5]
        // ... ... 
        return prev + cur;
    }, 10); // <= 这个10 就是基础值
    console.log('sum:', sum);
    // sum: 25

    // 通常都将initialValue设为0, {}, [], 按需调整

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript数组reduce()是一个高阶函数,它可以将数组的元素通过指定的回调函数进行累积计算,并返回一个最终的结果值。它的语法是array.reduce(function(total, currentValue, currentIndex, arr), initialValue)。 reduce()的简单用法有两种:累加和累乘。通过传入一个回调函数,我们可以使用reduce()函数来计算数组的元素的和或乘积。例如,给定数组[1, 3, 5, 7, 9],我们可以使用reduce()函数来获得它们的和(sum1 = 25)或乘积(sum2 = 945)。 reduce()还有一些高级用法。例如,我们可以使用reduce()函数将数组的重复元素去除,将二维数组转换为一维数组,或计算数组每个元素出现的次数。这些高级用法都是通过在回调函数进行相应的操作来实现的。 总之,reduce()是JavaScript数组一个非常有用的函数,可以帮助我们对数组的元素进行累积计算,并返回一个最终的结果值。它的使用非常灵活,可以根据具体的需求进行各种操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [JS数组reduce()方法详解](https://blog.csdn.net/weixin_47619284/article/details/125921346)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值