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

2023年8月1日 413次阅读

我正在尝试将
Javascript对象的内容显示到HMTL / CSS表中.

Groovy中的二维数组看起来像这样(它只是一个片段,而不是完整的片段)：

[[null,睡衣,Oreillers Traversins,Linge de lit,Protection liteie,Surmatelas,Linge de lit,Couettes,Linge de bain],[睡衣,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.有什么想法吗？

最佳答案 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并根据需要显示表格.

点赞