谈谈JavaScript数组对象根据日期和时间排序的那些事儿

2023-03-06 15:01:43

轻松搞定 JavaScript 数组对象的日期和时间排序

在后台管理系统中，排序是必不可少的，它能让你快速找到你需要的信息。JavaScript 提供了各种 API，可以让你轻松对数组对象进行排序，包括按日期和时间排序。

按日期排序

要按日期对数组对象进行排序，需要将日期字符串转换为毫秒数。你可以使用 Date.parse() 方法实现。然后，可以使用 sort() 方法进行排序，传入一个比较函数作为第二个参数。比较函数返回一个数字：正数表示第一个参数大于第二个参数，负数表示小于，0 表示相等。

const dates = ['2023-03-08', '2023-02-28', '2023-04-12', '2023-01-15'];

dates.sort((a, b) => Date.parse(a) - Date.parse(b));

console.log(dates); // 输出：['2023-01-15', '2023-02-28', '2023-03-08', '2023-04-12']

按时间排序

与按日期排序类似，按时间排序也需要将时间字符串转换为毫秒数，但比较函数不同。我们需要比较的是小时、分钟和秒。

const times = ['12:00', '13:30', '11:45', '15:15'];

times.sort((a, b) => {
  const [hoursA, minutesA] = a.split(':');
  const [hoursB, minutesB] = b.split(':');

  if (hoursA === hoursB) {
    return minutesA - minutesB;
  } else {
    return hoursA - hoursB;
  }
});

console.log(times); // 输出：['11:45', '12:00', '13:30', '15:15']

按字符串排序

除了日期和时间之外，JavaScript 还提供了 localeCompare() 方法，用于比较字符串。它返回一个数字，表示第一个字符串与第二个字符串的关系：正数表示大于，负数表示小于，0 表示相等。

const strings = ['apple', 'banana', 'cherry', 'durian', 'elderberry'];

strings.sort((a, b) => a.localeCompare(b));

console.log(strings); // 输出：['apple', 'banana', 'cherry', 'durian', 'elderberry']