如何在分批爬取数据后排序数组并正确更新UICollectionView？

你的核心问题是异步爬取任务分散完成，每次单条数据返回就触发全量排序和UI刷新，导致CollectionView元素频繁重排跳动。要实现「所有数据爬取完成后统一排序再更新UI」，可以通过以下两种方式解决：

方式一：等待所有爬取任务完成后统一处理（推荐） #

用DispatchGroup管理所有异步爬取任务，确保所有数据都爬取完成后，再一次性排序并更新UI，避免多次刷新导致的元素跳动。

代码示例： #

// 1. 初始化任务组
let taskGroup = DispatchGroup()
// 清空原有数据（可选，根据业务需求）
discoveryFeeds.removeAll()

// 2. 遍历所有URL发起爬取请求
for url in yourURLList {
    taskGroup.enter() // 标记任务开始
    
    // 替换成你的异步爬取方法
    fetchData(from: url) { scraperResult in
        defer { taskGroup.leave() } // 标记任务结束，无论成功失败
        
        guard let scraper = scraperResult else { return }
        // 仅追加数据，不触发UI更新
        discoveryFeeds.append(scraper)
    }
}

// 3. 所有任务完成后，在主线程排序并更新UI
taskGroup.notify(queue: .main) {
    // 统一排序
    discoveryFeeds.sort(by: { $0.feed.createdAt > $1.feed.createdAt })
    // 更新CollectionView
    discoveryCollectionView.feeds = discoveryFeeds
    // 如果feeds的setter没有自动触发刷新，手动调用
    discoveryCollectionView.reloadData()
}

方式二：保持数组实时有序，局部刷新UI（适合需要实时展示的场景） #

如果业务需要实时展示已爬取的数据，不想等到全部完成，可以每次插入新数据时直接放到有序数组的对应位置，而不是追加后全量排序，这样只会插入单个元素，不会导致所有元素重排。

代码示例： #

// 爬取完成后的回调中
guard let scraper = scraperResult else { return }

// 找到新数据应该插入的位置（保持数组按createdAt降序）
let insertIndex = discoveryFeeds.firstIndex { $0.feed.createdAt < scraper.feed.createdAt } ?? discoveryFeeds.count

// 插入到对应位置，保持数组有序
discoveryFeeds.insert(scraper, at: insertIndex)

// 在主线程局部刷新CollectionView，避免全量reload
DispatchQueue.main.async {
    discoveryCollectionView.feeds = discoveryFeeds
    // 仅刷新插入的位置，减少UI跳动
    discoveryCollectionView.insertItems(at: [IndexPath(item: insertIndex, section: 0)])
}

为什么你原来的代码会导致元素跳动？ #

你之前的写法每次单条数据追加后，都会对整个数组重新排序并赋值给CollectionView，这意味着每次新数据到来，CollectionView都会重新加载所有元素的位置，自然会出现动态变化。而上面两种方式要么一次性刷新，要么局部刷新，都能避免这个问题。

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