编程新手不好意思的问个问题，如何将两个数组生成为 html table 呢...

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 4221 天前的主题，其中的信息可能已经有所发展或是发生改变。

array1 ＝ [NAME, AGE, GENER] #一纬数组，作为table th标签内容
array2 = [[TOM, 21, MALE],[LUCY, 16, FEMALE],[JERRY, 23, MALE]] #二维数组，作为table td标签内容

还忘高手指点下实现的逻辑，我知道怎么将array1生成出table header（如下伪代码），但如何将其与下面的td元素结合起来就想不通了

for th_val in array 1:
<table><tr><th>th_val</th></tr></table>

for row in array2:
for td_val in row:
<table><tr><td>td_val</td></tr></table>

table

23 条回复 • 1970-01-01 08:00:00 +08:00

MayLava

2014-04-11 00:15:56 +08:00

<table>
for row in array2:
<tr>
for td_val in row:
<td>td_val</td>
</tr>
</table>

MayLava

2014-04-11 00:17:16 +08:00

擦不能缩进……
<table>
for row in array2:
....<tr>
....for td_val in row:
........<td>td_val</td>
....</tr>
</table>

JoyNeop

2014-04-11 00:35:26 +08:00

var arr0 = [133, 435, 345, 345, 576, 6543, 462]
var arr1 = [2, 435, 345, 345, 576, 6543, 4674, 1234, 63456, 123, 685, 422]
var arr2 = [3, 435, 345, 345, 576, 6543, 63456, 123, 685, 422]
var arr3 = [4, 435, 345, 345, 576, 6543, 4674, 1234, 63456, 123, 685, 422]
var arr4 = [5, 435, 6543, 4674, 1234, 63456, 123, 685, 422]
var arr5 = [6, 435, 345, 6543, 4674, 1234, 682]
var arr = [arr0, arr1, arr2, arr3, arr4, arr5]
var table = document.createElement("table")
for (i = 0; i < arr.length; i++) {
var tr = document.createElement("tr")
for (j = 0; j < arr[i].length; j++) {
var td = document.createElement("td")
td.appendChild(document.createTextNode(arr[i][j]))
tr.appendChild(td)
}
table.appendChild(tr)
}
document.body.appendChild(table)