Node.js中EJS页面遍历对象数组报错及无输出问题求助

问题场景 #

已从数据库获取对象数组并能在EJS页面显示该对象，但无法正常访问内部元素，尝试两种遍历方式均失败：

1. forEach循环报错 #

尝试代码：

<%  datacollection.forEach(function(data){ %>

    <h1><%=data.name%></h1>
<% } %>

报错信息：SyntaxError: missing ) after argument list in ... while compiling ejs，手动补全括号后又提示datacollection不是函数。

2. for循环页面空白 #

尝试代码：

<ul class="quotes">
  <!-- Loop through quotes -->
  <% for(var i = 0; i < datacollection.length; i++) {%>
    <li class="quote">
      <!-- Output name from the iterated quote object -->
      <span><%= datacollection[i].name %></span>:
      <!-- Output quote from the iterated quote object -->
      <span><%= datacollection[i].quote %></span>
    </li>
  <% } %>
</ul>

页面无内容输出。

解决步骤 #

第一步：确认datacollection的真实类型 #

核心问题大概率是**datacollection并不是标准数组**，可能是数据库返回的原始响应对象（比如MongoDB的Cursor、未解析的Promise，或是嵌套结构的对象）。

先在EJS页面中打印数据的类型和完整结构，确认格式：

<!-- 控制台打印 -->
<% console.log(typeof datacollection, datacollection) %>
<!-- 页面可视化输出 -->
<pre><%= JSON.stringify(datacollection, null, 2) %></pre>

• 若为Promise：后端未正确解析异步结果，需用await或.then()获取实际数组后再传给EJS。
• 若为Cursor对象（如MongoDB find()返回的结果）：后端需调用.toArray()转为数组。
• 若为嵌套对象：比如数据存在datacollection.data这类属性中，需调整遍历的目标对象。

第二步：修复forEach循环语法错误 #

确认datacollection是数组后，原代码的语法错误是缺少闭合的括号，正确写法：

<% datacollection.forEach(function(data) { %>
  <h1><%= data.name %></h1>
<% }) %>

注意结尾的})，原代码仅写了}，漏掉了闭合函数的)。

第三步：排查for循环空白原因 #

除了确认datacollection是数组外，还需检查：

• datacollection.length是否为0：数据库返回空数组时页面自然空白。
• 数组元素的属性名是否正确：比如是否是name还是username，quote是否拼写错误，可打印单个元素确认：

<% if (datacollection.length > 0) { %>
  <pre><%= JSON.stringify(datacollection[0], null, 2) %></pre>
<% } %>

后端数据传递示例（Express+MongoDB） #

确保后端正确将数组传给EJS：

// 后端路由代码
app.get('/quotes', async (req, res) => {
  // 用await获取数组，而非直接传递Cursor
  const datacollection = await db.collection('quotes').find().toArray();
  res.render('quotes', { datacollection });
});

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