JavaScriptでヒスイのテンプレートでグループ化されたオブジェクトの値を表示する方法

Question

iは配列とオブジェクト作成このHow to split array dynamically based on single value in JavaScript Node.js に基づいてのNode.js、と私は、このことにより、各列の名前を表示することができます。

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

結果は次のとおりです。

* Fruit 
* Sport 
* Kitchen 

しかし、どのようにして異なるテーブルに各アレイの値を表示できますか？例えば、 。

配列から値を取る方法がわかりません。

私はこれについて考えましたli= item.array[0].tagしかし、動作しません。

---

@EDIT

は、私が使用している場合：

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

私は、ビューの結果、値を表示することができます

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

をしかし、どのように、私はテーブルにこれを置くことができますか？あなたが `オブジェクト自体groupedData`に反復処理する必要があります`;

Answer 1

は、ここであなたがObject.keys（オブジェクト） `に反復されている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