JSON，二维数组使用方式

最新推荐文章于 2025-10-01 20:33:05 发布

原创最新推荐文章于 2025-10-01 20:33:05 发布 · 1.9w 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#json #对象 #javascript

这篇博客介绍了JSON和二维数组在JavaScript中的使用。通过示例展示了如何定义JSON对象和二维数组，以及如何遍历和操作它们。还提供了一个使用二维数组打印不同颜色格子的HTML示例。

部署运行你感兴趣的模型镜像

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>

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

图片生成

Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率