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

Question

基于这个How to split array 基于 JavaScript Node.js 中的单个值动态拆分数组 ，我使用数组创建了对象，我可以通过以下方式显示每个数组的名称：

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

结果是：

* Fruit
* Sport
* Kitchen

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

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

我想过这个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}]

但是我怎么能把这个放到桌子上呢？

Answer 1

这是一个小例子，你可以看到在这个 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