V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
tangyuan
V2EX  ›  问与答

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

  •  
  •   tangyuan · 2014-04-11 00:12:54 +08:00 · 3558 次点击
    这是一个创建于 3864 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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>
    23 条回复    1970-01-01 08:00:00 +08:00
    MayLava
        1
    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
        2
    MayLava  
       2014-04-11 00:17:16 +08:00   ❤️ 1
    擦不能缩进……
    <table>
    for row in array2:
    ....<tr>
    ....for td_val in row:
    ........<td>td_val</td>
    ....</tr>
    </table>
    JoyNeop
        3
    JoyNeop  
       2014-04-11 00:35:26 +08:00   ❤️ 1
    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
        4
    ETiV  
       2014-04-11 00:35:53 +08:00   ❤️ 1
    tangyuan
        5
    tangyuan  
    OP
       2014-04-11 00:47:07 +08:00
    感谢大家我先送上谢谢再去研究下各位的方案
    JoyNeop
        6
    JoyNeop  
       2014-04-11 01:03:38 +08:00
    也可以这样封装成函数方便重用

    https://gist.github.com/JoyNeop/10402510
    JoyNeop
        8
    JoyNeop  
       2014-04-11 01:08:46 +08:00
    JoyNeop
        9
    JoyNeop  
       2014-04-11 01:09:04 +08:00
    JoyNeop
        10
    JoyNeop  
       2014-04-11 01:11:23 +08:00
    JoyNeop
        11
    JoyNeop  
       2014-04-11 01:11:49 +08:00
    @ETiV 到底是怎么引用的……
    JoyNeop
        12
    JoyNeop  
       2014-04-11 01:12:52 +08:00
    ETiV
        13
    ETiV  
       2014-04-11 01:14:34 +08:00
    @JoyNeop

    请允许我笑一会儿

    #6楼应该是没错的



    https://gist.github.com/JoyNeop/10402510
    ETiV
        14
    ETiV  
       2014-04-11 01:15:25 +08:00
    https://gist.github.com/JoyNeop/10402510

    把链接放到帖子内容最顶?
    ETiV
        15
    ETiV  
       2014-04-11 01:16:46 +08:00
    莫非帖子内容页里, 只有第一个 gist 可以页面内引用.

    其他的只能是以链接形式存在的...
    JoyNeop
        16
    JoyNeop  
       2014-04-11 01:17:34 +08:00
    JoyNeop
        17
    JoyNeop  
       2014-04-11 01:17:54 +08:00
    JoyNeop
        18
    JoyNeop  
       2014-04-11 01:31:56 +08:00
    momou
        19
    momou  
       2014-04-11 10:10:50 +08:00
    momou
        20
    momou  
       2014-04-11 10:12:11 +08:00
    @JoyNeop 把中间的名字去掉就行了
    JoyNeop
        21
    JoyNeop  
       2014-04-11 11:36:08 +08:00 via iPad
    JoyNeop
        22
    JoyNeop  
       2014-04-11 11:37:09 +08:00 via iPad
    @momou thanks... @livid 要不要考虑支持一下直接粘贴 URL。。。
    lemonlwz
        23
    lemonlwz  
       2014-04-11 16:56:48 +08:00
    如果在项目中使用的话,建议还是用 template 实现.
    规范+简单
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2720 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 12:46 · PVG 20:46 · LAX 04:46 · JFK 07:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.