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]就會報錯。