数组的reduce方法

以前对数组的reduce方法理解的不深,但是最近在项目中遇到使用reduce方法很快的解决问题

1、可以计算求和

 let array=[1,2,3,4,5,8]
          let sum=array.reduce((prev,current,index)=>{
                return  prev=prev+current
          },0)
          //sum=23

2、去重

    let array=[1,2,2,4,5,8]
          let sum=array.reduce((prev,current,index)=>{
                if(prev.indexOf(current)==-1){
                  prev.push(current)
                }
                  return  prev
                
          },[])
          //sum=[1,2,4,5,8]

3、就是处理后台返回的数据是同一天返回两条数据

         let data=[
                      {
                              gmtCreate: 1605681285000,
                              gmtUpdate: 1605681285000,
                              id: 184,
                              originalPrice: 160,
                              spuId: 17,
                              spuImg: "http://tx.enn.cn/group1/M00/03/11/CiaAUl-t-LyARTXEAAEI7_ToFMY156.jpg",
                              spuPrice: 160,
                              spuTitle: "祖山好礼山珍礼盒",
                              time: "11月18日",
                              userId: 91,
                          },
                       {
                            gmtCreate: 1605681273000,
                            gmtUpdate: 1605681273000,
                            id: 183,
                            originalPrice: 120,
                            spuId: 18,
                            spuImg: "http://tx.enn.cn/group1/M00/03/11/CiaAUl-t-DaARIWFAAEcOycezSU706.jpg",
                            spuPrice: 120,
                            spuTitle: "祖山好礼杂粮礼盒",
                            time: "11月18日",
                            userId: 91,
                          } ,
                          {
                            gmtCreate: 1605681273000,
                            gmtUpdate: 1605681273000,
                            id: 183,
                            originalPrice: 120,
                            spuId: 18,
                            spuImg: "http://tx.enn.cn/group1/M00/03/11/CiaAUl-t-DaARIWFAAEcOycezSU706.jpg",
                            spuPrice: 120,
                            spuTitle: "祖山好礼杂粮礼盒",
                            time: "11月18日",
                            userId: 91,

                          },
                          {
                            gmtCreate: 1605182155000,
                            gmtUpdate: 1605681279000,
                            id: 136,
                            originalPrice: 140,
                            spuId: 16,
                            spuImg: "http://tx.enn.cn/group1/M00/03/11/CiaAUl-t-NmAU9aqAADSqMutZFs055.jpg",
                            spuPrice: 140,
                            spuTitle: "祖山好礼坚果礼盒",
                            time: "11月12日",
                            userId: 91,
                          }    
          ]


          data.sort((a, b) => {
          if (a.gmtCreate < b.gmtCreate) return 1
          else if (a.gmtCreate > b.gmtCreate) return -1
          else return 0
        })
        console.log("data==", data)
        goodList = data.reduce((prev, curr, currentIndex) => {
          let length = prev.length
          if (currentIndex >= 1) {
            let lastData = prev[length - 1]
            if (curr.time != lastData.time) {
              prev.push({
                ...curr,
                data: [{
                  ...curr
                }]
              })
              return prev
            } else {
              lastData.data.push({
                ...curr
              })
              return prev
            }
          } else {
            return [{
              ...curr,
              data: [{
                ...curr
              }]
            }]
          }
        }, [])

在这里插入图片描述
这样就可以根据所有是同一天的数据都放在一个对象中,在这里插入图片描述
最后在页面中展示数据

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: 在JavaScript中,数组reduce()方法用于对数组中的元素进行累积操作。它接受一个回调函数和一个初始值作为参数。该回调函数用于对数组中的每个元素执行操作,并返回累积结果。如果没有提供初始值,则从索引1开始执行回调函数,跳过第一个索引;如果提供了初始值,则从索引0开始执行回调函数。下面是reduce()方法的几个简单用法。 1. 求和、求乘积等等: 可以使用reduce()方法数组中的元素进行求和、求乘积等操作。例如,给定一个数组arr = [1, 2, 3, 4, 5,可以使用reduce()方法求出数组元素的和、乘积、差和商。,可以使用reduce()方法求出数组元素的累加和和累乘积。,可以使用reduce()方法将重复的元素去除,返回一个新的数组。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [JS 数组中的 reduce 方法](https://blog.csdn.net/a15220216758/article/details/125029602)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值