2次元配列JSONオブジェクトのコンテンツをHTMLテーブルに表示する方法

Question

JavascriptオブジェクトのコンテンツをHMTL/CSSテーブルに表示しようとしています。 Groovyで2次元配列は、（それはちょうどスニペットではなく、完全な一つだ）次のようになります。

[[null, Pyjamas , Oreillers Traversins, Linge de lit, Protection literie, Surmatelas, Linge de lit , Couettes, Linge de bain], [Pyjamas , null, .3333333333333333, 0.16666666666666666, 0.16, 0.16, null, null, null]]

つのアレイは、私のテーブルの1行に対応しています。 JavaScriptオブジェクトは、ここでこの

[matrix: matrix as JSON] 

などグルーヴィーコントローラから作成された私は、私がGSP/JavaScriptでテーブル全体を取得し、（ない私のテーブルには、私のコンソールで）それを表示する必要がどのように考えるか

です

<script> 
    var matrix = ${matrix}; 
    var matrixTab = JSON.stringify(matrix); 
    console.log(matrixTab); 
</script> 

HMTLテーブルの外観は実際問題ではありません。 もう1つ、私はファイヤーバグを使用しています。私のアレイをキャッチしようとしているとき、コンソールには私にthis errorと表示されます。何か案が ？

Answer 1

JSON.stringify()はオブジェクトを文字列として出力しますが、ここでは有効なJavaScriptオブジェクトではありません。 ${matrix}は、あなたのオブジェクトを含む文字列であるとし、このようにそれを解析する必要があります。

var matrix = '[[null, Pyjamas , Oreillers Traversins, Linge de lit, Protection literie, Surmatelas, Linge de lit , Couettes, Linge de bain], [Pyjamas , null, .3333333333333333, 0.16666666666666666, 0.16, 0.16, null, null, null]]' 
// OR 
var matrix = ${matrix} 
var matrixTab = JSON.parse(matrix); 

あなたがmatrixTabを通過し、必要に応じて、テーブルを表示することができます。