如何将二维 JavaScript 数组的内容显示到 HTML 表中？答案

【问题标题】：How to display contents of a 2-D javaScript Array into HTML Table?如何将二维 JavaScript 数组的内容显示到 HTML 表中？
【发布时间】：2015-01-31 23:10:18
【问题描述】：

JavaScript 代码：此代码必须在结果数组的每一行上显示两个值

问题：在一行中显示所有值

 var tablecontent = '<tr>';
 for ( var i=0 ; i<pos; i++)
 {
 tablecontent += "<td>"+result[pos][0]+"</td><td>"+result[pos][1]+"</td>";
 }
 tablecontent = '</tr>';
 test.innerHTML += tablecontent;

HTML 代码：

<div id="test">
<table> 
    <th> 
      <td>Column 1</td>
      <td>Column 2</td>
    </th>
</table>

【问题讨论】：

我在你的脚本中找不到 result 和 pos 是什么
结果是二维数组。 pos 是索引。

标签： javascript html

【解决方案1】：

这里JSFiddle。你有二维数组...

var data = [
    [1, 2],
    [3, 4],
    [5, 6],
    [7, 8],
    [9, 10],
    [11, 12]
];

然后循环遍历每个单元格并将单元格数据附加到var tr;变量...

for(var i in data){
    var tr;
    for(var j in data[i]){
        console.log(data[i][j]);
        tr += '<td>'+data[i][j]+'</td>';
    }
    tr = '<tr>'+tr+'</tr>';
    $('#table tbody').html(tr);
}

最后一行$('#table tbody').html(tr); 使用的是 Jquery，但您可以将其替换为标准 JavaScript 代码。

【讨论】：