JavaScript二维数组操作指南-优快云博客

本文链接：https://blog.youkuaiyun.com/Hfeidz/article/details/117041312

本文介绍了JavaScript中二维数组的创建，包括两种遍历二维数组的方法：使用for循环和for...in遍历，并详细讲解了如何将二维数组的内容填充到表格中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>