javascript二维数组

注：1、此实例是验证二维数组两种赋值方式：1）先声明后赋值。2）声明的同时赋值。

2、将数组元素输出到表格中。（表格的一个关键属性：border-collapse：collapse；合并表格单元格边框。）

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function getValue(){
/*二维数组的声明*/
var myarray1 = new Array(2);//声明2行
myarray1[0] = new Array(3);//第一行有3列；以下同理。
myarray1[1] = new Array(3);

/*该数组存储的是表格单元格的地址，用于显示输出的数组值*/
var location = new Array(2)
location[0] = [document.getElementById("table00"),document.getElementById( "table01"),document.getElementById("table02")];
location[1] = [document.getElementById("table10"),document.getElementById("table11"),document.getElementById("table12")];

/*二维数组第一种赋值方法*/
myarray1 = [[1,2,3],[4,5,6]] //外面括号不要使用{}

/*使数组myarrya1中的值输出到表格中*/
for(var row=0;row < 2;row++){
for(var col=0;col < 3;col++){
　　　　var flag = location[row][col];
　　　　flag.innerHTML= myarray1[row][col];
　　　　}
}

/*二维数组第二种赋值方法*/
var location2 = new Array([document.getElementById("cell00"),document.getElementById("cell01"),document.getElementById("cell02")],[document.getElementById("cell10"),document.getElementById("cell11"),document.getElementById("cell12")])

/*直接调用内置函数prompt()输入数组各个元素值，并且将数组元素值输出到location2对应的表格地址中*/

for(var row=0;row < location2.length;row++){

　　for(var col=0;col < location2[row].length;col++){

　　location2[row][col].innerHTML = prompt("Enter a value:","anynumble or string");
　　}
}

}

</script>

/*
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
*/
</style>
</head>

<body onLoad="getValue()">
<table id="mytable">
<caption>数组一元素表</caption>
<tr>
<td id="table00">00</td>
<td id="table01">01</td>
<td id="table02">02</td>
</tr>
<tr>
<td id="table10">10</td>
<td id="table11">11</td>
<td id="table12">12</td>
</tr>

</table>
<hr/>
<table id="mytable2">
<caption>数组二元素表</caption>
<tr>
<td id="cell00">00</td>
<td id="cell01">01</td>
<td id="cell02">02</td>
</tr>
<tr>
<td id="cell10">10</td>
<td id="cell11">11</td>
<td id="cell12">12</td>
</tr>

</table>
</body>
</html>