`

1月2号json表格的添加二维数组(第60天的学习)

 
阅读更多
在javascript里面是没有二维数组的
但是有两个办法来解决一个就是在用一维数组来模拟二维数组但是这样不好 容易出错很麻烦

还有一个办法就是在一维数组的里面在定义这个循环让他这个循环里面本身就存在着一个一维数组这样就能实现二维数组了

<html>
<head>
<!--创建一个表格 width是表格的长度 border是表格外边框的宽度 cellspacing 内边框的距离 cellpadding每个框的高度-->
<table width="200" border="1" cellspacing="0" cellpadding="10" id="table1">
<通过css创建表头>
<tr>
<td>name</td>
<td>age</td>
<td>sex</td>
</tr>
</table>
<!--插入脚本-->
<script language="javascript">
<!--把tbody表格的身体定义到tbody里 定义创建一个新的aa参数-->
var tbody = document.createElement("tbody");
var aa=new Array();
<!--循环 表格一共有3列--> 
for(i=0;i<3;i++)
{
var tr = document.createElement("tr");
    aa[i]=new Array();
<!--循环 表格移动有3行-->
    for(n=0;n<3;n++)
    {
var td = document.createElement("td");
td.innerHTML = getValue(i,n);
   tr.appendChild(td); 
    tbody.appendChild(tr);  
}
}
<!--将表头定义到parNode参数里-->
var parNode = document.getElementById("table1");
<!--parNode获得表格的身体-->
parNode.appendChild(tbody);
<!--创建getValue函数(i index参数)-->
function getValue(i,index)
{
//var values = new Array('nihao1','nihao2','nihao3','nihao4','nihao5','nihao6') ;
<!--新建一个values参数 新建3行 -->
var values = new Array();
values[0] = new Array();
values[1] = new Array();
values[2] = new Array();
<!--将3行数据放到里面去-->
values[0][0] = "Brett";
values[0][1] = 30;
values[0][2] = "男";

values[1][0] ="Jason";
values[1][1] =35;
values[1][2] ="女";

values[2][0] ="Elliotte";
values[2][1] =40;
values[2][2] ="男";




       //{ "name": "Brett", "age":"30", "sex": "男" },
            //{ "name": "Jason", "age":"35", "sex": "男" },
       //{ "name": "Elliotte", "age":"40", "sex": "男" }
       //{ "name": "Isaac", "age": "45", "sex": "男" },
       //{ "name": "Tad", "age": "50", "sex": "男" },
                       //{ "name": "Frank", "age": "55", "sexl": "男" } 
                       //{ "name": "Eric", "age": "60", "sex": "男" },
                       //{ "name": "Sergei", "age": "65", "sex": "男" } 
    <!--返回值 values变量[i]和[index]数组-->
    return values[i][index];
}
</script>
</head>
<body>
</body>
</html>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics