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

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>

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)

ETiV

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

https://gist.github.com/anonymous/10400178

tangyuan

2014-04-11 00:47:07 +08:00

感谢大家我先送上谢谢再去研究下各位的方案

JoyNeop

2014-04-11 01:03:38 +08:00

也可以这样封装成函数方便重用

https://gist.github.com/JoyNeop/10402510

JoyNeop

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

https://gist.githubusercontent.com/JoyNeop/10402510/raw/53749dd9c770a693353777bda5591840562ea43c/v2ex_108061.js