如何在 JavaScript 中按日期对对象数组进行排序

如果我们有一个 JavaScript 对象数组，每个对象都包含一个 Date 类型的属性，例如：

const events = [

{ name: 'Birthday', date: new Date('2022-04-23') },

{ name: 'Shopping', date: new Date('2022-04-17') },

{ name: 'Meeting', date: new Date('2022-04-27') },

];

我们如何按日期属性对这些对象进行排序？

数组 sort() 方法

我们可以使用 Array sort() 方法轻松地做到这一点：

events.sort((a, b) => a.date.getTime() - b.date.getTime());

sort 方法将回调函数作为参数。 它使用从此函数返回的值来决定对值进行排序的顺序。

如果回调结果是否定的，则 a 排在 b 之前。

如果结果为正，则 b 排在 a 之前。

如果结果为 0，则两个值的排序顺序保持不变。

这意味着我们可以像这样轻松地按降序对数组进行排序：

events.sort((a, b) => b.date.getTime() - a.date.getTime());

现在，当 b 大于 a 时，结果将是肯定的，这将使 sort() 将 b 放在第一位。

笔记

您还可以通过直接减去 Date 对象来对数组进行排序：

events.sort((a, b) => b.date - a.date);

虽然此方法也有效，但它比使用 getTime() 减法要慢得多。

我们通过单独的 for 循环执行 100 万次，对这两种方法进行了性能比较。 这些是平均结果：

Direct subtraction: 488.675ms

无变异排序

sort() 方法对数组进行就地排序，这意味着它被修改了。 为了防止这种情况，我们可以使用 slice() 方法为排序创建数组的副本：

const sortedEvents = events.slice().sort((a, b) => a.date - b.date);

JavaScript深入学习之数组对象排序操作

本文实例讲述了JS深入学习之数组对象排序功能。分享给大家供大家参考，具体如下：

JavaScript实现多维数组、对象数组排序，其实用的就是原生的sort()方法，用于对数组的元素进行排序。

sort() 方法用于对数组的元素进行排序。语法如下：

返回值为对数组的引用。请注意，数组在原数组上进行排序，不生成副本。

如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。

如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：

若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。

若 a 等于 b，则返回 0。

若 a 大于 b，则返回一个大于 0 的值。

sort(fun)接受了个排序规则函数，这个函数将比较2个数字的大小。而我们的对象数组排序，实际上原理也是一样的。

如果不比较数字的大小，则可以这样：

数组直接调用sort()后，数组按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。

对于对象数组排序，我们先写一个构造比较函数的函数：

要排序的数组：

直接调用函数：

到这里，对象数组排序就算基本实现了。那如何实现多个键值排序呢？意思就是先是对age排序，如果age相同，再比较name。

这时，我们可以进一步修改by函数，让其可以接受第二个参数，当主要的键值产生一个匹配的时候，另一个compare方法将被调用以决出高下。

好了，现在可以放心使用了。如果看不懂，可直接copy 这个by函数到你的应用里面，直接调用即可。