微信小程序 - 商城项目 - 列表排序

本文介绍了如何在微信小程序的商城项目中实现商品列表的价格和好评排序。通过JavaScript的sort()函数,结合数字比较和parseInt()方法进行字符串转数字,实现了正反向排序的功能。在价格排序中,直接比较数字;在好评排序中,利用parseInt()进行进制转换,确保正确比较。
摘要由CSDN通过智能技术生成

sort ( ) 排序

需要实现两个排序功能,价格排序和好评排序,且都可以正反切换

数字比较

价格排序中,价格为数字类型,属于数字的比较,无需转换类型

  // 点击价格排序的图标
  handlePrice(){
    this.setData({
      priceOrder:!this.data.priceOrder
    })
    this.setData({
      goodsList:this.data.priceOrder?
      this.data.goodsList.sort((a,b)=>b.price-a.price)
      :this.data.goodsList.sort((a,b)=>a.price-b.price)
    })
  },

点击价格排序的图标后,切换阀门值

sort((a,b)=>b.price-a.price) 或 sort((a,b)=>a.price-b.price) 正反排序的切换

非数字比较

好评排序中,好评为字符串类型需要进行类型的转换

  // 点击好评排序的图标
  handleComment(){
    this.set
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值