Swift：如何按timestamp排序聊天记录数组并加载到TableView

嘿，我来帮你搞定这个问题！咱们分两步走：先把聊天记录按时间戳排序，再把内容加载到TableView里。

1. 对合并后的聊天数组升序排序 #

你现在手里的合并数组是NSMutableArray，转成Swift原生数组来操作会更顺手。假设合并后的数组叫mergedMessages，可以这么做排序：

// 先把NSMutableArray转成Swift数组类型
var sortedMessages = mergedMessages as! [[String: Any]]

// 按sent字段（毫秒时间戳）升序排序，时间戳越小消息越早
sortedMessages.sort {
    guard let timestamp1 = $0["sent"] as? Int64, let timestamp2 = $1["sent"] as? Int64 else {
        return false
    }
    return timestamp1 < timestamp2
}

这里用Int64是因为毫秒时间戳数值较大，避免溢出问题。排序完成后，sortedMessages就是按时间顺序排列的聊天记录了。

2. 将排序后的消息加载到TableView #

首先在你的ViewController里声明一个变量存排序后的数组：

var sortedChatMessages: [[String: Any]] = []

排序完成后把结果赋值给这个变量，然后刷新TableView：

self.sortedChatMessages = sortedMessages
self.tableView.reloadData()

接下来实现TableView的核心数据源方法：

① 设置TableView行数 #

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return sortedChatMessages.count
}

② 配置每个Cell的内容 #

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    // 这里假设你有自定义Cell，或者用系统默认Cell，记得提前注册Cell标识符
    let cell = tableView.dequeueReusableCell(withIdentifier: "ChatMessageCell", for: indexPath)
    
    let messageItem = sortedChatMessages[indexPath.row]
    // 取出消息内容显示
    if let messageContent = messageItem["message"] as? String {
        cell.textLabel?.text = messageContent
    }
    
    // 可选：根据self字段区分自己和对方的消息，调整样式（比如对齐方式）
    if let isSelfSent = messageItem["self"] as? Int, isSelfSent == 1 {
        cell.textLabel?.textAlignment = .right
        cell.backgroundColor = .systemBlue.withAlphaComponent(0.1)
    } else {
        cell.textLabel?.textAlignment = .left
        cell.backgroundColor = .systemGray5
    }
    
    return cell
}

（可选）设置动态Cell高度 #

如果消息内容长短不一，可以让Cell高度自适应：

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableView.automaticDimension
}

// 同时设置预估高度
override func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return 60
}

这样就能把按时间顺序排列的聊天消息稳稳展示在TableView里啦！

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