JSON數組結構是用中括號“[]”括起來,中括號內部由0個或多個以英文逗號“,”分隔的值列表組成。
語法:
var arr =
[
{
"鍵名1":值1,
"鍵名2":值2
},
{
"鍵名3":值3,
"鍵名4":值4
},
……
]
說明:
arr指的是json數組。數組結構是以“[”開始,到“]”結束,這一點跟JSON對象不同。不過在JSON數組結構中,每一對“{}”相當於一個JSON對象,大家看看像不像?而且語法都非常類似。
注意,這裡的鍵名是字符串,但是值可以是數值、字符串、對象、數組或邏輯true和false。
舉例:
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var arr =
[
{
"name":"小明",
"age":23,
"gender":"男"
},
{
"name":"小紅",
"age":21,
"gender":"女"
}
]
//讀取JSON數據
document.write("第一個學生的名字是:"+arr[0].name+"
");
document.write("第二個學生的性別是:"+arr[1].gender+"
");
</script>
</head>
<body>
</body>
</html>
在浏覽器預覽效果如下:
JSON數組結構也是非常簡單的,只需要通過數組下標來獲取哪一個數組元素(一個“{}”的內容就類似一個數組元素),然後再配合使用“.”操作符就可以獲取相應數組元素的內部數據。
對於獲取、寫入、修改、刪除、遍歷JSON數組結構中的數據,跟JSON對象結構的數據操作類似,大家對比琢磨一下基本就懂了,在此不再累贅講解。
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var arr =
[
{
"name":"小明",
"age":23,
"gender":"男"
},
{
"name":"小紅",
"age":21,
"gender":"女"
}
]
delete arr[0];
arr[1].name="小蘭";
document.write("第2個學生的姓名是:"+arr[1].name);
</script>
</head>
<body>
</body>
</html>
在浏覽器預覽效果如下:
分析:
這裡使用delete關鍵字刪除了arr[0]。刪掉之後如果想要獲取arr[0]就會報錯。