JSON，二维数组使用方式

来源：互联网发布：三只松鼠旗舰店淘宝编辑：程序博客网时间：2024/06/05 23:55

JSON：

格式说明：var json = {属性1:值1,属性2：值2,......}
作用：快速定义封装一系列属性的对象，类似于对象定义封装
优势：编写简单，内容直观

格式说明var array = [值1，值2，值3,...];

var array = [[值1，值2，值3],[值1，值2，值3],[值1，值2，值3],...]

var array = new Array()；var array = new Array(大小)；

定义多维数组：

var array=[[1,2],[3,4],[5,6]];

定义多维JSON对象，例子：

运行结果：

第一段文本

第二段文本

用二维数组打印格子

<!DOCTYPE html>
<html>
<head>
<title>输出数组</title>
<style type="text/css">
.black{
width: 20px;
height: 20px;
background-color: black;
border:0.5px solid white;
float: left;
}
.green{
width: 20px;
height: 20px;
background-color: green;
border:0.5px solid white;
float: left;
}
.red{
width: 20px;
height: 20px;
background-color: red;
border:0.5px solid white;
float: left;
}
</style>
</head>
<body>
<script type="text/javascript">

var i=10;
var tArray=new Array();
for(var k=0;k<i;k++){
tArray[k]=new Array();
for(var j=0;j<10;j++){
tArray[k][j]="";
}
}
for(var k=0;k<i;k++){
for(var j=0;j<10;j++){

if(j==9){
document.write("<br/>");
}
else if(k==2&&j==2){
document.write("<div class='green'></div>");
}
else if(k==2&&j==8){
document.write("<div class='green'></div>");
}
else if(k==4&&j==7){
document.write("<div class='red'></div>");
}
else if(k==6&&j==4){
document.write("<div class='red'></div>");
}
else if(k==7&&j==4){
document.write("<div class='green'></div>");
}
else if(k==9&&j==2){
document.write("<div class='red'></div>");
}
else{
document.write("<div class='black'></div>");
}

}
}
</script>
</body>
</html>

阅读全文

0 0