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

Question

我试图将Javascript对象的内容显示在HTML/CSS表格中。 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]]

一个数组对应于我的表格中的一行。 Javascript对象是从groovy控制器创建的，如下所示。

[matrix: matrix as JSON]

以下是我认为如何在GSP/Javascript中获取完整表格并显示出来的方法（在我的控制台中，而不是在我的表格中）

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

HTML表格的外观并不是很重要。 还有一件事，我正在使用Firebug，在尝试捕获我的数组时，控制台显示此错误。 有什么想法吗？

- pladislas

---

你展示的代码看起来很好，你看到的错误是在表创建过程中出现还是在上面的代码片段中？ - mikeapr4

表格创建还没有完成，所以不是关于那个的问题，我认为是关于JS代码片段的。 - pladislas

Answer 1

JSON.stringify()会将一个对象输出为字符串，但是在这里matrix不是一个有效的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浏览并按需显示表格。

- jeanj