zoukankan      html  css  js  c++  java
  • JS—如何按日期对象数组进行排序,然后按时间顺序进行降序排序?

    排序在项目中还是比较常见的。特别后台·管理系统,动不动就有升序降序的排序操作

    1. 有以下数组
    // 如何对数组进行排序,从最早到最新,反之亦然?
    
    const arr = [
      {id: 1, value : "value1", date: "2018-08-08", time: "15:27:17"},
      {id: 2, value : "value2", date: "2018-08-09", time: "12:27:17"},
      {id: 3, value : "value3", date: "2018-08-10", time: "17:27:17"},
      {id: 4, value : "value4", date: "2018-08-10", time: "01:27:17"},
      {id: 5, value : "value5", date: "2018-08-10", time: "09:27:17"},
      {id: 6, value : "value6", date: "2018-08-10", time: "23:27:17"},
      {id: 7, value : "value7", date: "2018-08-10", time: "16:27:17"},
      {id: 8, value : "value8", date: "2018-08-11", time: "10:27:17"}
    ];
    
    arr.sort((a, b) => a.date.localeCompare(b.date) || a.time.localeCompare(b.time));
    console.log(arr);

    这是在控制台上输出的结果:

    2. 若要排序为降序,只需切换as和bs:
    const arr = [
    {id: 1, value : "value1", date: "2018-08-08", time: "15:27:17"},
    {id: 2, value : "value2", date: "2018-08-09", time: "12:27:17"},
    {id: 3, value : "value3", date: "2018-08-10", time: "17:27:17"},
    {id: 4, value : "value4", date: "2018-08-10", time: "01:27:17"},
    {id: 5, value : "value5", date: "2018-08-10", time: "09:27:17"},
    {id: 6, value : "value6", date: "2018-08-10", time: "23:27:17"},
    {id: 7, value : "value7", date: "2018-08-10", time: "16:27:17"},
    {id: 8, value : "value8", date: "2018-08-11", time: "10:27:17"}
    ];
    
    arr.sort((a, b) => b.date.localeCompare(a.date) || b.time.localeCompare(a.time));
    console.log(arr);

    这是在控制台上输出的结果,如果图片无法显示,复制代码到控制台输出即可观察到变化

  • 相关阅读:
    【JZOJ5093】【GDSOI2017第四轮模拟day3】字符串匹配 哈希
    【JZOJ5094】【GDSOI2017第四轮模拟day3】鸽子 计算几何+floyd
    2017.4省选集训最终总结
    基于Idea从零搭建一个最简单的vue项目
    npm的镜像替换成淘宝
    maven settings.xml--需要保存到用户/.m2文件夹下
    @Controller @RestController
    SQL SERVER 查询所有数据表名称和数据行数
    linux 常用命令集锦
    java 数字左补齐0
  • 原文地址:https://www.cnblogs.com/Ky-Thompson23/p/13390824.html
Copyright © 2011-2022 走看看