如何将数据分组呈现给ejs答案

【问题标题】：How to render data in groups to ejs如何将数据分组呈现给ejs
【发布时间】：2020-05-10 13:42:12
【问题描述】：

我想显示已分组到 EJS 中的数据？

我有以下数据：

    "results": {
    "Angular CLI": [
        {
            "category_name": "Angular CLI",
            "article_title": "Mengenal Framework Angular CLI"
        }
        ],
       "Tips dan Trik": [
        {
            "category_name": "Tips dan Trik",
            "article_title": "Tutorial : Cara Membuat Repositori Github Private"
        },
        {
            "category_name": "Tips dan Trik",
            "article_title": "Mengenal Fitur Media Query pada CSS"
        }
           ]
              }

根据 EJS 文件：

<% results.forEach(function(data) { %>
  <div>
    <p><%= data %></p>
  </div>
<% }); %>

但它根本不显示数据。

编辑：

亲爱的，谢谢你的解释。这样我就可以找到解决这个问题的方法。

<% for (let category in results) { %>
  <b><%= category %></b>
    <% results[category].forEach((data, key) => { %>
      <p><%= data.article_title %></p>
    <% }) %>
<% } %>

【问题讨论】：

你能检查一下浏览器控制台吗？ results 是一个对象，而 forEach() 是一个数组方法。因此，我希望浏览器会抛出错误。
你正在尝试循环 results.forEach 你的结果，但它不是数组而是一个对象
@Wasbeer 我还在学习。那么在ejs文件中如何正确显示数据
对不起，我忘记了。有没有办法将数据显示到 EJS？ @Prakash Karena
您可以将results 转换为包含您要呈现的项目的数组。然后循环遍历数组。重要问题：你想渲染什么？

标签： node.js json group-by rendering ejs

【解决方案1】：

如果你的对象是下面这样的

 var obj = {"results": {
    "Angular CLI": [
        {
            "category_name": "Angular CLI",
            "article_title": "Mengenal Framework Angular CLI"
        }
        ],
       "Tips dan Trik": [
        {
            "category_name": "Tips dan Trik",
            "article_title": "Tutorial : Cara Membuat Repositori Github Private"
        },
        {
            "category_name": "Tips dan Trik",
            "article_title": "Mengenal Fitur Media Query pada CSS"
        }
           ]
              }

由于您的 obj.results 是对象而不是数组，您可以遍历 obj.results 对象的所有属性并显示这样的值

<% for (var prop in obj.results) { %>
  <div>
    <p><%= prop%> : <%= results[prop] %></p>
  </div>
<% }); %>

如果我误解了您的问题，请告诉我

【讨论】：