javascript - .forEach 仅重复数组中的最后一个对象
问题描述
我想在前端(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})
}
})
解决方案
对于您的快速控制器逻辑,使用它来获取您的所有产品:
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>
<% }) %>
推荐阅读
- perl - 在 perl 中使用常量的最佳实践
- css - CSS FLEX - 使 div 高度适合内容
- vhdl - 如何在常量的case语句中设置分支?错误:选择必须是本地静态表达式
- php - 如何使用 opcache_reset 函数?
- ios - 在 Parse Server 上哪里可以上传 .p12 文件或推送通知密钥?
- service - Debian:服务安装在哪里
- http - 为什么我们不让 HTTP 请求更高效呢?
- vbscript - 从 HP ALM 测试计划下载所有附件
- flask - 烧瓶 filter_by table.column value1 或 value 3
- sql-server - 将 XML 记录转换为表