如何在Mongoose中等待含回调的for循环完成后再渲染页面？

你的问题核心是异步操作的执行顺序：Product.findById是异步方法，for循环会直接执行完毕，此时cartItems还没被填充就调用了res.render，导致页面拿到空数组。下面给两种解决方案：

方案1：用Promise.all批量处理异步查询 #

通过Promise.all等待所有产品查询完成后再渲染页面：

app.get("/cart", async (req, res) => {
  try {
    // 获取用户信息
    const foundUser = await User.findById(req.user._id);
    const itemIDs = foundUser.cart;

    // 并行查询所有产品ID对应的文档
    const cartItems = await Promise.all(
      itemIDs.map(itemID => Product.findById(itemID))
    );

    // 过滤掉查询不到的产品（可选）
    const validCartItems = cartItems.filter(item => item);

    res.render("cart", { user: req.user, products: validCartItems });
  } catch (err) {
    console.log(err);
    res.status(500).send("服务器出错");
  }
});

方案2：用Mongoose的populate方法（更简洁高效） #

直接在查询用户时关联查询购物车中的产品，无需手动遍历：

前提配置 #

确保User模型中cart字段的定义正确关联Product模型：

const userSchema = new mongoose.Schema({
  // 其他用户字段...
  cart: [{ type: mongoose.Schema.Types.ObjectId, ref: "Product" }]
});

const User = mongoose.model("User", userSchema);

路由代码 #

app.get("/cart", async (req, res) => {
  try {
    // populate会自动把cart数组中的ID替换为对应的Product文档
    const foundUser = await User.findById(req.user._id).populate("cart");
    
    res.render("cart", { user: foundUser, products: foundUser.cart });
  } catch (err) {
    console.log(err);
    res.status(500).send("服务器出错");
  }
});

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