JavaScript按起始日期对日期范围数组进行升序/降序排序的最优方案

你遇到的问题很典型：默认的sort()方法是按字符串的Unicode码点排序，完全不考虑日期的逻辑顺序，所以才会出现'1/10/21'排在'1/3/21'前面这种不符合预期的结果。要解决这个问题，核心是把每个日期范围的起始日期转换成可比较的日期对象，再基于日期的时间戳来排序。

核心思路 #

1. 从每个日期范围字符串中提取出起始日期部分；
2. 将起始日期字符串转换成Date对象（或者手动解析为时间戳）；
3. 在排序比较函数中，通过比较日期对象的时间差来实现逻辑排序。

具体实现 #

1. 升序（ASC）排序

先复制原数组（避免修改原数组），然后在sort的比较函数中处理日期转换和比较：

const array = [ '11/13/22 – 12/24/22', '1/3/21 – 1/16/21', '12/31/20 – 1/20/21', '1/10/21 – 1/20/21', '12/31/17 – 1/20/18', '12/31/17 – 1/20/18', '12/31/17 – 1/20/18' ];

// 升序排序
const sortedAsc = [...array].sort((a, b) => {
  // 提取起始日期：注意分割符是长破折号+空格 ' – '
  const [startA] = a.split(' – ');
  const [startB] = b.split(' – ');
  
  // 转换为Date对象（浏览器基本支持MM/DD/YY格式解析）
  const dateA = new Date(startA);
  const dateB = new Date(startB);
  
  // 日期对象相减返回时间戳差值，升序用 dateA - dateB
  return dateA - dateB;
});

console.log(sortedAsc);
// 输出结果：
// ['12/31/17 – 1/20/18', '12/31/17 – 1/20/18', '12/31/17 – 1/20/18', '12/31/20 – 1/20/21', '1/3/21 – 1/16/21', '1/10/21 – 1/20/21', '11/13/22 – 12/24/22']

2. 降序（DESC）排序

只需要把比较函数中的差值反过来即可：

// 降序排序
const sortedDesc = [...array].sort((a, b) => {
  const [startA] = a.split(' – ');
  const [startB] = b.split(' – ');
  
  const dateA = new Date(startA);
  const dateB = new Date(startB);
  
  // 降序用 dateB - dateA
  return dateB - dateA;
});

// 或者直接反转升序结果（效率稍低，但代码更简洁）
// const sortedDesc = [...sortedAsc].reverse();

console.log(sortedDesc);
// 输出结果：
// ['11/13/22 – 12/24/22', '1/10/21 – 1/20/21', '1/3/21 – 1/16/21', '12/31/20 – 1/20/21', '12/31/17 – 1/20/18', '12/31/17 – 1/20/18', '12/31/17 – 1/20/18']

兼容性优化：手动解析日期 #

如果担心某些环境对MM/DD/YY格式的Date解析有差异，可以写一个辅助函数手动解析日期，避免依赖环境的解析规则：

function parseMMDDYY(dateStr) {
  // 拆分月、日、年
  const [month, day, year] = dateStr.split('/').map(Number);
  // 处理两位年份：这里假设00-99对应2000-2099，可根据需求调整
  const fullYear = year >= 0 && year <= 99 ? 2000 + year : year;
  // 注意Date的月份是0-based（0=1月，11=12月），所以要减1
  return new Date(fullYear, month - 1, day);
}

// 使用辅助函数的升序排序
const sortedAscSafe = [...array].sort((a, b) => {
  const [startA] = a.split(' – ');
  const [startB] = b.split(' – ');
  
  const dateA = parseMMDDYY(startA);
  const dateB = parseMMDDYY(startB);
  
  return dateA - dateB;
});

为什么之前拆分小数组没用？ #

你提到拆分小数组后结果和默认排序差不多，大概率是因为拆分后仍然在对字符串形式的日期进行排序，没有转换成Date对象。只有把字符串转换成能表示时间先后的数值（时间戳）或日期对象，才能实现符合逻辑的排序。

内容的提问来源于stack exchange，提问作者MadSandwich