如何将对象数组按时间从早到晚排序（旧消息置于数组顶部）

没问题，我来帮你搞定这个排序需求！你已经找对了方向——用Date.parse转换时间戳，再结合数组的sort方法就行，我直接给你完整的实现和解释：

首先，我们要明确需求：把旧消息放在数组最前面，也就是按message_time从早到晚排序。数组的sort方法接受一个比较函数，我们只需要在这个函数里比较两个消息的时间戳大小，返回对应的差值就能控制排序顺序。

完整代码示例 #

const messagesArray = [ 
  {id: "92196bd0-b326-4b04-9520-1e8e4814f5e4", message: "ghghhghg", message_time: "2020-03-11T12:50:15.473Z", interaction_id: "08350527-770e-42eb-ad3c-33a73250bc20", post_user_ref: null}, 
  {id: "c5a35080-8f5b-49f7-8216-d6b94e543c44", message: "gghhghgh", message_time: "2020-03-11T12:50:13.103Z", interaction_id: "08350527-770e-42eb-ad3c-33a73250bc20", post_user_ref: null}, 
  {id: "2046cdda-47cd-492f-8534-a58fe5f5091f", message: "dffffffffffffff", message_time: "2020-03-11T12:47:45.598Z", interaction_id: "08350527-770e-42eb-ad3c-33a73250bc20", post_user_ref: null}, 
  {id: "649534f7-34d6-45ae-98b2-ac1189cf9337", message: "ddfffffffff", message_time: "2020-03-11T12:47:44.105Z", interaction_id: "08350527-770e-42eb-ad3c-33a73250bc20", post_user_ref: null} 
];

// 创建原数组的副本再排序，避免修改原数组（如果不需要保留原数组，可以直接用messagesArray.sort(...）
const sortedMessages = [...messagesArray].sort((a, b) => {
  // 将时间字符串转换为毫秒时间戳
  const timeA = Date.parse(a.message_time);
  const timeB = Date.parse(b.message_time);
  // 早的时间戳更小，返回timeA - timeB会让更早的消息排在前面
  return timeA - timeB;
});

// 打印验证结果
console.log(sortedMessages);

简化写法 #

其实不用显式调用Date.parse，直接创建Date对象做减法也能得到时间戳差值，代码更简洁：

const sortedMessages = [...messagesArray].sort((a, b) => new Date(a.message_time) - new Date(b.message_time));

关键解释 #

• [...messagesArray]：用扩展运算符创建原数组的浅拷贝，这样排序操作不会修改原数组。如果你的业务不需要保留原数组，可以直接省略这一步，用messagesArray.sort(...)。
• 排序逻辑：sort方法的比较函数中，返回负数时，a会排在b前面；返回正数时，b排在a前面。因为更早的时间对应的时间戳更小，所以timeA - timeB会让时间更早的消息优先排在数组顶部。

这样处理后，你的消息数组就会按从早到晚的顺序排列，旧消息显示在最前面啦！

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