【问题标题】:.forEach only repeating last object in array.forEach 仅重复数组中的最后一个对象
【发布时间】:2021-01-01 00:50:41
【问题描述】:

我想在前端(ejs)上显示保存在我的 MongoDB 表中的所有记录。我使用 .forEach 函数循环遍历所有记录,但我只能看到前端的最后一个字段重复了很多次。下面是代码。

<% Object.values(products).forEach(product => { %>
    <tr>
        <td class="border px-3 py-2"><%= products.title %></td>
        <td class="border px-3 py-2"><%= products.description %></td>
        <td class="border px-3 py-2"><%= products.category %></td>
        <td class="border px-3 py-2"><%= products.usdPrice %></td>
    </tr>
    <% }) %>

快速路线:

router.get('/', async (req, res) => {
try{
    products = await Product.find()
    res.render('products', {products: products})
    //res.json(products)
}catch(err){
    res.json({message: err})
}

})

【问题讨论】:

  • 不应该是product.title product.description吗?从末尾删除 s。

标签: javascript node.js arrays express ejs


【解决方案1】:

对于您的快速控制器逻辑,使用它来获取您的所有产品:

products = await Product.find().toArray();

现在,您已经将“产品”传递给您的模板。因此,您可以通过查看每个“产品”而不是“产品”的信息在模板中简单地执行此操作:

<% products.forEach(product => { %>
    <tr>
        <td class="border px-3 py-2"><%= product.title %></td>
        <td class="border px-3 py-2"><%= product.description %></td>
        <td class="border px-3 py-2"><%= product.category %></td>
        <td class="border px-3 py-2"><%= product.usdPrice %></td>
    </tr>
    <% }) %>

【讨论】:

  • 它捕获异常
  • 请在此处发布例外情况。
  • {"message":{}} 来自 try 块下方的 catch 函数
  • 你的 Product.find() 返回什么?
  • 数据库中的所有记录
猜你喜欢
  • 1970-01-01
  • 2014-11-07
  • 2015-03-27
  • 2021-11-04
  • 2017-08-19
  • 1970-01-01
  • 2013-01-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多