如何解构Promise对象数据并在EJS模板中遍历使用？

问题核心在于你直接把Promise对象传给了EJS模板——模板无法识别Promise，它需要的是Promise resolve后返回的实际数据数组。下面是具体的解决方法：

错误写法示例（你可能正在用的） #

// 错误：直接将Promise传给模板
const blogPostsPromise = require('./models/blog'); // 模块导出的是Promise

app.get('/', (req, res) => {
  res.render('index', { posts: blogPostsPromise });
});

这种情况下EJS拿到的是Promise对象，而非数组，遍历自然不会输出内容。

正确处理方式 #

1. 使用async/await（推荐，代码更简洁） #

在路由回调前加上async，用await等待Promise完成，拿到实际数据后再传给模板：

const getBlogPosts = require('./models/blog');

// 路由回调用async包裹
app.get('/', async (req, res) => {
  try {
    // 等待Promise resolve，拿到真实的博客数组
    const posts = await getBlogPosts;
    // 如果你的模块导出的是返回Promise的函数，就写成 await getBlogPosts()
    res.render('index', { posts });
  } catch (err) {
    console.error('获取博客数据失败:', err);
    res.status(500).send('服务器出错了');
  }
});

2. 使用.then()链式调用（兼容旧Node.js版本） #

如果你的环境不支持async/await，用Promise的链式调用处理：

app.get('/', (req, res) => {
  getBlogPosts
    .then(posts => {
      res.render('index', { posts });
    })
    .catch(err => {
      console.error('获取博客数据失败:', err);
      res.status(500).send('服务器出错了');
    });
});

EJS模板中的正常遍历 #

拿到数组后，直接用常规的for循环或forEach遍历即可：

<% if (posts && posts.length > 0) { %>
  <% for (let post of posts) { %>
    <article class="blog-post">
      <h3><%= post.title %></h3>
      <p><%= post.content %></p>
      <span>发布时间：<%= post.createdAt.toLocaleString() %></span>
    </article>
  <% } %>
<% } else { %>
  <p>暂无博客内容</p>
<% } %>

额外注意事项 #

• 确认模块导出的Promise最终resolve的是数组类型，可以在await后用console.log(posts)检查数据结构。
• 必须添加错误处理（try/catch或.catch），避免Promise reject导致服务器崩溃。
• 如果你的Mongoose查询是直接导出的（比如module.exports = Blog.find().exec();），直接await该变量即可；如果是导出函数（比如module.exports = () => Blog.find().exec();），记得调用函数再await。

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