如何在 javascript node.js 中的 jade 模板中显示分组对象的值

Question

基于此我用数组创建了对象，我可以通过这个显示每个数组的名称：

- each item in Object.keys(groupedData)
         li= item

结果是：

* Fruit
* Sport
* Kitchen

但是如何在不同的 table 中显示每个数组的值？例如。

我不知道如何从数组中取值？

我想过这个 li= item.array[0].tag 但它不起作用。

@编辑

如果我使用：

 - each val, key in groupedData
         li #{JSON.stringify(val)}

我可以在视图中显示值、结果：

[{"name":"Apple","tag":"Fruit","price": 2},
{"name":"Kiwi","tag":"Fruit","price": 1}]

但是我怎样才能把它放到 table？

Answer 1

这是一个您可以看到有效的小示例in this codepen

- var groupedData = {'X': [{'a': 'x0', 'b': 'x1'},{'a': 'xx0', 'b': 'xx1'}], 'Y': [{'a': 'y0', 'b': 'y1'},{'a': 'yy0', 'b': 'yy1'}], 'Z': [{'a': 'z0', 'b': 'z1'},{'a': 'zz0', 'b': 'zz1'}]}
- each grp in Object.keys(groupedData)
  h1= grp
  table
    thead
      - each val, index in groupedData[grp][0]
        th= index
    - each subgrp in groupedData[grp]
      tr
        - each val in subgrp
          td= val

如何在 javascript node.js 中的 jade 模板中显示分组对象的值

How to display value of grouped objects at jade template in javascript node.js

javascript

arrays

node.js

pugjs

pug