如何在HTMLtable中显示二维数组JSON对象的内容

Question

我正在尝试将 Javascript 对象的内容显示到 HMTL/CSS table 中。 Groovy 中的二维数组如下所示（这只是一个片段，不是完整的）：

[[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]]

一个数组对应我的一行table。 Javascript 对象是从这样的 groovy 控制器创建的

[matrix: matrix as JSON]

这就是我认为我必须在 GSP/Javascript 中获取完整 table 并显示它的方式（在我的控制台中，而不是在我的 table 中）

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

HMTL table 的外观并不重要。还有一件事，我正在使用 firebug，当我试图捕获我的数组时，控制台显示 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 并显示 table。

如何在HTMLtable中显示二维数组JSON对象的内容

How to display the content of a two-dimensional array JSON Object in an HTML table

javascript

json

grails

groovy

gsp