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

【问题标题】：How to display the content of a two-dimensional array JSON Object in an HTML table如何在 HTML 表格中显示二维数组 JSON 对象的内容
【发布时间】：2017-04-30 23:03:53
【问题描述】：

我正在尝试将 Javascript 对象的内容显示到 HMTL/CSS 表中。 Groovy 中的二维数组是这样的（它只是一个 sn-p，不是完整的）：

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

HMTL 表的外观并不重要。还有一件事，我正在使用萤火虫，当我试图捕捉我的数组时，控制台会显示this error。任何想法？

【问题讨论】：

你显示的代码看起来不错，你看到的错误，是建表还是上面的sn-p代码出现的？
表创建还没有完成所以不是那个，我认为是关于 js sn-p。

标签： javascript json grails groovy gsp

【解决方案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 并根据需要显示表格。

【讨论】：