微信小程序js数组对象根据某个字段排序

一、排序栗子

        注:        属性字段需要进行转换,如String类型或者Number类型

//升序排序  首元素(element1)在前   降序则(element1)元素在后
data = data.sort((element1, element2) =>
      element1.属性 - element2.属性
);

二、代码 

Page({

  /**
   * 页面的初始数据
   */
  data: {
    user: [
      {'id': 1,"age": 10,"name": "黑大帅"},
      {'id': 3,"age": 5,"name": "懒洋洋"},
      {'id': 2,"age": 7,"name": "小灰灰"},
    ],
    location: [
      {'id': 3334,'km': '142.14KM','address': '上海市-黄埔区-打浦路1号'},
      {'id': 3399,'km': '145.73KM','address': '上海市-黄浦区-中山东二路'},
      {'id': 5865,'km': '142.98KM','address': '上海市黄浦区徐家汇268号luOne凯德晶萃广场'},
    ]
  },

  sortArray() {
    console.log("位置信息:");
    console.log(this.data.location);
    console.log("用户信息:");
    console.log(this.data.user);

    console.log("排序后数据===============================");

    console.log("位置信息:");
    //根据距离从小到大排序
    let locationSort = []
    locationSort = this.data.location.sort((el1, el2) =>
      el1.km.split("KM")[0] - el2.km.split("KM")[0]
    );
    console.log(locationSort);
    
    console.log("用户信息:");
    // 根据年龄从大到小排序
    let userSort = []
    userSort = this.data.user.sort((item1, item2) =>
      item2.age-item1.age
    );
    console.log(userSort);
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let that = this
    that.sortArray()
  },

})
  • 排序前数据(乱序输出)

  • 排序后数据(
  • 用户根据年龄从大到小输出,
  • 位置根据km从小到大输出) 

相关推荐

  1. list排序根据某个字段去重

    2023-12-08 08:22:02       17 阅读
  2. DataFrame python 根据某个字段排序

    2023-12-08 08:22:02       16 阅读
  3. 前端Vue根据List中的某个字段排序

    2023-12-08 08:22:02       14 阅读
  4. 程序如何实现WXML和js文件之间的数据交互

    2023-12-08 08:22:02       44 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-08 08:22:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-08 08:22:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-08 08:22:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-08 08:22:02       20 阅读

热门阅读

  1. 第59天:django学习(八)

    2023-12-08 08:22:02       32 阅读
  2. Git初学入门指令

    2023-12-08 08:22:02       30 阅读
  3. 策略模式终极解决方案之策略机

    2023-12-08 08:22:02       30 阅读
  4. 鸿蒙(HarmonyOS)应用开发——构建页面(题目答案)

    2023-12-08 08:22:02       69 阅读
  5. 状态模式-C++实现

    2023-12-08 08:22:02       37 阅读
  6. Ansible及其优势是什么?

    2023-12-08 08:22:02       40 阅读
  7. selenium 执行js后拿不到返回值的原因

    2023-12-08 08:22:02       38 阅读
  8. 【脚本】图片-音视频-压缩文件处理

    2023-12-08 08:22:02       33 阅读