js reduce

这段代码展示了如何利用JavaScript的reduce方法对一个包含对象的数组进行操作,每个对象有两个属性:num和price。它计算所有对象的num属性乘以price属性后的总和,并将结果存储在变量total中。
摘要由CSDN通过智能技术生成
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
  <script>
    let arr=[
      {
        num:1,
        price:100
      },
      {
        num:2,
        price:100
      },
      {
        num:2,
        price:100
      },
    ]

    let total=arr.reduce((perv,next)=>{
        return perv + (next.num * next.price)
    },0)
    console.log('',total);
    
  </script>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
reduce() 方法是 JavaScript 数组方法之一,它可以对数组中的每个元素按照指定的函数进行累积计算,并返回一个最终的结果值。相比于使用 for 循环或 forEach 方法,reduce() 方法具有一些独特的优势。首先,在语法上,reduce() 方法接受两个参数,第一个参数是一个回调函数,用于对数组元素进行操作;第二个参数是可选的初始值,用于指定初始的累积值。 使用 reduce() 方法的主要原因在于其简洁和灵活性。通过传入不同的回调函数,我们可以实现很多不同的累积计算,如求和、求积、找到最大值或最小值等等。此外,reduce() 方法还可以与箭头函数一起使用,使代码更加简洁易读。 举个例子,假设我们有一个数组 [1, 2, 3, 4, 5],我们可以使用 reduce() 方法对数组中的元素进行累加操作,如下所示: ```javascript let arr = [1, 2, 3, 4, 5]; let sum = arr.reduce((prev, cur) => prev + cur); ``` 在这个例子中,reduce() 方法中的回调函数接收两个参数 prev 和 cur,分别表示前一个累积值和当前元素的值。通过每次将前一个累积值与当前元素相加,我们可以得到最终的累加结果。在这个例子中,sum 的值将为 15。 总之,reduce() 方法是 JavaScript 中一个非常强大的数组方法,它可以帮助我们更高效地进行累积计算。通过合理运用 reduce() 方法,我们可以简化代码,提高代码的可读性和可维护性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [JS reduce()方法详解](https://blog.csdn.net/hzxOnlineOk/article/details/120561855)[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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [JavaScript reducereduceRight详解](https://download.csdn.net/download/weixin_38604620/12991693)[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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [在 js 中,reduce() 的详解 以及使用方法](https://blog.csdn.net/w17624003437/article/details/125858710)[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_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值