Swift3/4：TableView动态填充数据及按需显示项目详情的实现问题

看起来你现在的核心问题是异步网络请求的顺序不可控加上TableView cell复用机制导致的数据错位——遍历所有员工ID批量请求时，请求返回的顺序不一定和你发起的顺序一致，而且当用户滚动TableView时，cell可能已经被复用给其他员工，直接给数组赋值很容易出现项目详情和员工不匹配的情况。下面给你一套更可靠的实现思路和代码示例：

1. 优化数据模型，让员工与项目详情直接关联 #

首先，不要单独维护一个项目详情数组，而是给你的Employee模型添加一个可选的项目详情属性，这样每个员工的项目数据直接存在自己的对象里，从根源上避免索引错位问题：

// 假设你的员工模型是这样的，新增projectDetails属性
struct Employee {
    let id: String
    let name: String
    var projectDetails: ProjectDetails? // 存储该员工的项目详情，默认nil
}

// 项目详情模型，根据你的接口返回字段定义
struct ProjectDetails: Codable {
    let projectName: String
    let startDate: String
    // 其他你需要的字段...
}

2. 采用“按需加载”而非批量请求 #

没必要一开始就给所有员工请求项目详情，只在cell即将显示在屏幕上的时候发起请求——既减少不必要的网络开销，也能避免批量请求的顺序问题。在tableView(_:cellForRowAt:)方法里处理：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    guard let cell = tableView.dequeueReusableCell(withIdentifier: "CustomEmployeeCell", for: indexPath) as? CustomEmployeeCell else {
        return UITableViewCell()
    }
    
    let currentEmployee = employeeList[indexPath.row]
    // 1. 设置员工姓名
    cell.nameLabel.text = currentEmployee.name
    
    // 2. 处理项目详情视图的显示逻辑
    if let project = currentEmployee.projectDetails {
        // 已有项目数据，显示详情视图并填充内容
        cell.projectDetailsView.isHidden = false
        cell.projectNameLabel.text = project.projectName
        cell.startDateLabel.text = project.startDate
        // 其他字段赋值...
    } else {
        // 无项目数据，先隐藏详情视图
        cell.projectDetailsView.isHidden = true
        // 如果还没发起过请求，才调用接口
        fetchProjectDetails(for: currentEmployee.id, at: indexPath)
    }
    
    // 给cell绑定当前员工ID，用于后续请求返回时校验（防止cell复用导致的错位）
    cell.employeeId = currentEmployee.id
    
    return cell
}

3. 异步请求的正确处理：校验cell有效性 #

网络请求返回是异步的，这时候要先确认当前的cell是否还是对应请求的员工，再更新UI或者刷新行：

private func fetchProjectDetails(for employeeId: String, at indexPath: IndexPath) {
    // 构造请求URL，替换成你的实际接口地址
    guard let url = URL(string: "https://your-api-domain.com/project-details?employeeId=\(employeeId)") else {
        print("无效的请求URL")
        return
    }
    
    // 发起网络请求
    let task = URLSession.shared.dataTask(with: url) { [weak self] data, response, error in
        guard let self = self, let data = data, error == nil else {
            print("请求项目详情失败：\(error?.localizedDescription ?? "未知错误")")
            return
        }
        
        // 解析接口返回的JSON数据
        do {
            let projectDetails = try JSONDecoder().decode(ProjectDetails.self, from: data)
            DispatchQueue.main.async {
                // 找到对应的员工，更新其projectDetails属性
                if let employeeIndex = self.employeeList.firstIndex(where: { $0.id == employeeId }) {
                    self.employeeList[employeeIndex].projectDetails = projectDetails
                    
                    // 检查当前indexPath对应的cell是否还在屏幕上，并且员工ID匹配
                    if let visibleCell = self.tableView.cellForRow(at: indexPath) as? CustomEmployeeCell, visibleCell.employeeId == employeeId {
                        // 直接更新当前cell的UI
                        visibleCell.projectDetailsView.isHidden = false
                        visibleCell.projectNameLabel.text = projectDetails.projectName
                        visibleCell.startDateLabel.text = projectDetails.startDate
                    } else {
                        // 如果cell已经被复用，刷新对应行即可
                        self.tableView.reloadRows(at: [indexPath], with: .automatic)
                    }
                }
            }
        } catch {
            print("解析项目详情失败：\(error.localizedDescription)")
        }
    }
    task.resume()
}

额外优化建议 #

• 避免重复请求：在fetchProjectDetails方法开头先判断对应员工的projectDetails是否已经存在，存在就直接返回，不用重复请求。
• 取消无效请求：如果用户快速滚动TableView，之前发起的请求可能已经不需要了，可以给每个cell关联对应的URLSessionTask，在prepareForReuse方法里取消未完成的请求，避免资源浪费：

  class CustomEmployeeCell: UITableViewCell {
      var employeeId: String?
      var currentTask: URLSessionTask?
      
      override func prepareForReuse() {
          super.prepareForReuse()
          currentTask?.cancel()
          currentTask = nil
          // 重置cell状态，比如隐藏项目详情视图
          projectDetailsView.isHidden = true
      }
  }
  

  然后在fetchProjectDetails方法里把task赋值给cell的currentTask。
• 错误状态处理：请求失败时，可以在cell里显示“加载失败”的提示，或者提供重试按钮，提升用户体验。

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