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

【问题标题】：How to display value of grouped objects at jade template in javascript node.js如何在javascript node.js中的jade模板上显示分组对象的值
【发布时间】：2016-04-25 18:16:22
【问题描述】：

基于此How to split array dynamically based on single value in 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}]

但是我怎样才能把它放到桌子上呢？

【问题讨论】：

您正在迭代 Object.keys(object);，您需要迭代 groupedData 对象本身。
好的，现在检查我的编辑

标签： javascript arrays node.js pug pugjs

【解决方案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

【讨论】：