javascript二维数组

js中二维数组的创建：顾名思义，二维数组就是在一维数组的基础上在创建一个或多个数组。代码如下：

var webGroup=[
    ["01","《西游记》","吴承恩"],
    ["02","《三国演义》","罗贯中"],
    ["03","《水浒传》","施耐庵"],
    ["04","《红楼梦》","曹雪芹"],
]
document.write(webGroup+"<br />")

二维数组的两种遍历方法

使用for遍历数组：

 var webGroup=[
        ["01","《西游记》","吴承恩"],
        ["02","《三国演义》","罗贯中"],
        ["03","《水浒传》","施耐庵"],
        ["04","《红楼梦》","曹雪芹"],
    ]
for( var i=0; i<webGroup.length; i++){
            document.write("arr["+i+"]:"+"<br />")
            for(var j=0; j<webGroup[i].length; j++){
                document.write(webGroup[i][j]+"&nbsp;&nbsp;&nbsp;&nbsp;")
            }
                document.write("<hr />")
                document.write("<br />")
        }

使用for…in遍历数组：

 var webGroup=[
        ["01","《西游记》","吴承恩"],
        ["02","《三国演义》","罗贯中"],
        ["03","《水浒传》","施耐庵"],
        ["04","《红楼梦》","曹雪芹"],
    ]
 var i=""
        for(i in webGroup){
            var j="";
            document.write("arr["+i+"]:"+"<br />")
            for(j in webGroup[i]){
                document.write(webGroup[i][j]+"&nbsp;&nbsp;&nbsp;&nbsp;")
            }
            document.write("<hr />")
            document.write("<br />")
        }

如何将二维数组直接输入进表格

代码如下：

 <style>
        td {
            text-align: center;
        }
    </style>
</head>
<body>
    <script>
    var jus = [
        ["序列","姓名","性别","年龄","籍贯"],
        ["01", "马东", "男", "21", "河北"],
        ["02", "张扬", "男", "18", "上海"],
        ["03", "李汤", "男", "27", "天津"],
        ["04", "酶斐", "女", "16", "北京"],
    ]
    document.write("<table border='1' width='600' cellspacing='0' cellpadding='5' align='center'> ")

    for (var i = 0; i < jus.length; i++) {
        if(i%2==1){
            document.write("<tr style='background:pink'>")
        }else{document.write("<tr style='background:cyan'>")}
                
        for (var j = 0; j < jus[i].length; j++) {
            document.write("<td>")
            document.write(jus[i][j])
            document.write("</td>")
        }
        document.write("<br />")
        document.write("</tr>")
    }
    document.write("</table>")
</script>
</body>

二维数组的创建与使用

javascript二维数组

二维数组的两种遍历方法

如何将二维数组直接输入进表格