NextJS中Array.map结合异步操作无法返回值的问题排查

核心问题在于异步函数的返回值特性：任何被async标记的函数，不管内部有没有await，都会返回一个Promise对象。

你用posts.map(getUsers)或者posts.map(async post => ...)时，map只是把每个异步函数返回的Promise收集成数组，不会自动等待这些Promise完成，所以最终users数组里装的全是未resolved的Promise实例，而非实际的用户数据。

而传统for循环能正常工作，是因为循环体里的await会阻塞当前迭代，等待prisma.user.findUnique执行完成后，再把实际的用户对象push进数组，整个过程是串行等待的。

至于你看到控制台能打印用户对象，是因为异步函数内部的await会让console.log在查询完成后执行，但这并不影响map已经把Promise返回并加入数组的事实——数组里的Promise要等到后续resolve，而你直接访问数组时它们还处于pending（或刚resolved但未被await）状态，所以看起来像空对象。

解决方法 #

方法1：并行查询（推荐，效率更高） #

用Promise.all()等待所有Promise完成，一次性拿到所有用户数据：

// 先生成所有查询的Promise数组
const userPromises = posts.map(post => 
  prisma.user.findUnique({ where: { id: post.authorId } })
);
// 等待所有Promise resolve，得到实际用户数组
const users = await Promise.all(userPromises);

可以简化为一行：

const users = await Promise.all(
  posts.map(post => prisma.user.findUnique({ where: { id: post.authorId } }))
);

这种方式是并行执行所有查询，比串行的for循环速度快很多，适合没有特殊限制的场景。

方法2：串行查询（适合有速率限制等场景） #

如果需要逐个执行查询（比如避免触发数据库限流），可以用for...of循环，写法比传统for循环更简洁：

const users = [];
for (const post of posts) {
  const user = await prisma.user.findUnique({ where: { id: post.authorId } });
  users.push(user);
}

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