使用Date.parse()无法对含时分秒的数组按时间戳排序的问题

这个问题我之前也踩过坑！字符串排序之所以会出错，是因为它是按字典序逐个字符比较的——比如"23:11:8"和"23:11:36"，字符串比较时会先看第三个冒号后的第一个字符："8"的ASCII码比"3"大，所以会错误地把"23:11:8"排在"23:11:36"后面，而实际时间8秒明明更早。

至于Date.parse(time)没用，是因为单独的时间字符串（没有日期）在不同环境下解析行为不一致，很多时候会返回NaN，自然没办法用来排序。

下面给你两个可靠的解决方案：

方案一：转换为秒数（推荐） #

把时间字符串转换成总秒数，用数值进行排序，这是最稳妥的方式，完全不会有字符串排序的问题。

首先写一个转换函数，把HH:mm:ss格式的字符串转成总秒数：

function timeToSeconds(timeStr) {
  // 拆分出时、分、秒并转为数字
  const [hours, minutes, seconds] = timeStr.split(':').map(Number);
  // 计算总秒数
  return hours * 3600 + minutes * 60 + seconds;
}

然后用这个函数给数组排序：

// 你的原始数组
const messages = [ 
  { who: 'User', msg: 'how are you?', time: '9:24:19' }, 
  { who: 'Bot', msg: 'I am fine. Thank you. How are you?', time: '9:24:30' }, 
  { who: 'User', msg: 'hi', time: '9:24:36' }, 
  { who: 'Bot', msg: 'hello i am Joe', time: '9:24:47' },
  { who: 'User', msg: 'test early', time: '23:11:8' },
  { who: 'Bot', msg: 'test late', time: '23:11:36' }
];

// 排序（注意用扩展运算符复制数组，避免修改原数组）
const sortedMessages = [...messages].sort((a, b) => {
  return timeToSeconds(a.time) - timeToSeconds(b.time);
});

这样排序后，23:11:8会正确排在23:11:36前面，因为8秒的数值小于36秒。

方案二：补零为固定长度字符串 #

如果不想转数值，可以把时间的每一部分补零到两位，变成HH:mm:ss的标准格式（比如"9:24:19"变成"09:24:19"，"23:11:8"变成"23:11:08"），这样字符串的字典序就和时间顺序一致了。

写一个补零函数：

function padTime(timeStr) {
  // 对每一部分补零到两位，再拼接回去
  return timeStr.split(':').map(part => part.padStart(2, '0')).join(':');
}

然后用补零后的字符串排序：

const sortedMessages = [...messages].sort((a, b) => {
  const paddedA = padTime(a.time);
  const paddedB = padTime(b.time);
  // 用localeCompare做字符串比较
  return paddedA.localeCompare(paddedB);
});

这个方法也能解决问题，但需要确保所有时间部分都能被正确补零（比如小时是一位数的情况）。

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