Firestore查询结果因forEach内异步调用乱序，如何保证顺序？

完全可以用Promise.all()来保证结果顺序，核心思路是把每个帖子的用户信息查询任务包装成Promise，按原查询的顺序存入数组，再通过Promise.all()等待所有任务完成——它会严格按照输入数组的顺序返回结果，完美匹配你最初的降序排列。

具体实现步骤：

• 先执行带orderBy("created", "desc")的查询，拿到排序后的文档快照
• 把每个文档处理成一个Promise：在Promise里获取用户文档，然后组合帖子数据和用户信息
• 用Promise.all()处理这个Promise数组，得到的结果数组会和原查询顺序完全一致

示例代码：

// 1. 执行排序后的帖子查询
const postsQuery = db.collection('posts').orderBy('created', 'desc');
const querySnapshot = await postsQuery.get();

// 2. 把每个文档转成带用户信息的Promise，保持原顺序
const postPromises = querySnapshot.docs.map(async (doc) => {
  const postData = doc.data();
  // 获取用户文档
  const creatorDoc = await getDoc(postData.creator);
  const creatorData = creatorDoc.data();
  
  // 返回组合后的帖子数据
  return {
    id: doc.id,
    ...postData,
    creator: creatorData // 替换为实际用户数据
  };
});

// 3. 等待所有Promise完成，得到有序结果
const orderedPosts = await Promise.all(postPromises);

// 现在orderedPosts就是严格按created降序排列的帖子数组
console.log(orderedPosts);

为什么这个方法有效？

• querySnapshot.docs本身就是按查询排序后的文档数组
• map()会按原数组顺序生成对应的Promise数组
• Promise.all()会等待所有Promise完成，并且返回的结果数组顺序和输入的Promise数组顺序完全一致，不管每个Promise的完成时间早晚

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