JavaScript-如何按日期对象数组进行排序，然后按时间排序

排序在项目中还是比较常见的。特别后台·管理系统，动不动就有升序降序的排序操作
以下方法我在项目上测试可以实现，记录下，以备以后需要再去百度。

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);

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

image.png

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);

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

image.png

记录于 2019-4-15 19:23