tangyuan
V2EX  ›  问与答

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

  •  
  •   tangyuan · Apr 11, 2014 · 4238 views
    This topic created in 4420 days ago, the information mentioned may be changed or developed.
    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 replies    1970-01-01 08:00:00 +08:00
    MayLava
        1
    MayLava  
       Apr 11, 2014
    <table>
    for row in array2:
    <tr>
    for td_val in row:
    <td>td_val</td>
    </tr>
    </table>
    MayLava
        2
    MayLava  
       Apr 11, 2014   ❤️ 1
    擦不能缩进……
    <table>
    for row in array2:
    ....<tr>
    ....for td_val in row:
    ........<td>td_val</td>
    ....</tr>
    </table>
    JoyNeop
        3
    JoyNeop  
       Apr 11, 2014   ❤️ 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  
       Apr 11, 2014   ❤️ 1
    tangyuan
        5
    tangyuan  
    OP
       Apr 11, 2014
    感谢大家我先送上谢谢再去研究下各位的方案
    JoyNeop
        6
    JoyNeop  
       Apr 11, 2014
    也可以这样封装成函数方便重用

    https://gist.github.com/JoyNeop/10402510
    JoyNeop
        8
    JoyNeop  
       Apr 11, 2014
    JoyNeop
        10
    JoyNeop  
       Apr 11, 2014
    JoyNeop
        11
    JoyNeop  
       Apr 11, 2014
    @ETiV 到底是怎么引用的……
    ETiV
        13
    ETiV  
       Apr 11, 2014
    @JoyNeop

    请允许我笑一会儿

    #6楼应该是没错的



    https://gist.github.com/JoyNeop/10402510
    ETiV
        14
    ETiV  
       Apr 11, 2014
    https://gist.github.com/JoyNeop/10402510

    把链接放到帖子内容最顶?
    ETiV
        15
    ETiV  
       Apr 11, 2014
    莫非帖子内容页里, 只有第一个 gist 可以页面内引用.

    其他的只能是以链接形式存在的...
    JoyNeop
        16
    JoyNeop  
       Apr 11, 2014
    JoyNeop
        17
    JoyNeop  
       Apr 11, 2014
    JoyNeop
        18
    JoyNeop  
       Apr 11, 2014
    momou
        19
    momou  
       Apr 11, 2014
    momou
        20
    momou  
       Apr 11, 2014
    @JoyNeop 把中间的名字去掉就行了
    JoyNeop
        21
    JoyNeop  
       Apr 11, 2014 via iPad
    JoyNeop
        22
    JoyNeop  
       Apr 11, 2014 via iPad
    @momou thanks... @livid 要不要考虑支持一下直接粘贴 URL。。。
    lemonlwz
        23
    lemonlwz  
       Apr 11, 2014
    如果在项目中使用的话,建议还是用 template 实现.
    规范+简单
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3096 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 43ms · UTC 00:32 · PVG 08:32 · LAX 17:32 · JFK 20:32
    ♥ Do have faith in what you're doing.