JavaScript 關於JSON的訪問

JSON的結構基於下面兩點
1. "名稱/值"對的集合 不同語言中，它被理解為對象(object)，記錄(record)，結構(struct)，字典(dictionary)，雜湊表(hash table)，鍵列表(keyed list)等
2. 值的有序列表 多數語言中被理解為數組(array)

JSON以一種特定的字串形式來表示 JavaScript 對象。如果將具有這樣一種形式的字串賦給任意一個 JavaScript 變數，那麼該變數會變成一個對象引用，而這個對象就是字串所構建出來的.

這裡假設我們需要建立一個User對象，並具有以下屬性
使用者ID
使用者名稱
使用者Email

您可以使用以下JSON形式來表示User對象：
{"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};

然後如果把這一字串賦予一個JavaScript變數，那麼就可以直接使用對象的任一屬性了。

完整代碼:
<script>
var User = {"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"}; alert(User.Name); </script>

實際使用時可能更複雜一點，比如我們為Name定義更詳細的結構，使它具有FirstName和LastName：
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}

完整代碼:
<script>
var User = {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}; alert(User.Name.FirstName); </script>

現在我們增加一個新的需求，我們某個頁面需要一個使用者列表，而不僅僅是一個單一的使用者資訊，那麼這裡就需要建立一個使用者列表數組。
下面代碼示範了使用JSON形式定義這個使用者列表：
[ {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, {"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"}, {"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"}
]

完整代碼:
<script> var UserList = [ {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, {"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"}, {"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"},
"Email":"xxx2◎xxx2.com"} ]; alert(UserList[0].Name.FirstName); </script>

事實上除了使用"."引用屬性外，我們還可以使用下面語句：
alert(UserList[0]["Name"]["FirstName"]); 或者 alert(UserList[0].Name["FirstName"]);

現在讀者應該對JSON的使用有點認識了，歸納為以下幾點：
對象是屬性、值對的集合。一個對象的開始於“{”，結束於“}”。每一個屬性名稱和值間用“:”提示，屬性間用“,”分隔。
數組是有順序的值的集合。一個數組開始於"["，結束於"]"，值之間用","分隔。
值可以是引號裡的字串、數字、true、false、null，也可以是對象或數組。這些結構都能嵌套。
字串和數位定義和C或Java基本一致。

基本訪問 ：

第一種有主條目的JSON

var data = { root: [{ name: "張三", value: "北京市" },
{ name: "李四", value: "天津市" },
{ name: "馬五", value: "洛陽" },
{ name: "王六", value: "西安"}],
layer1: [{ name: "zhangsan", value: "北京市" },
{ name: "lisi", value: "天津市" },
{ name: "mawu", value: "洛陽" },
{ name: "wangliu", value: "西安"}]
};

alert(data.root.length);
for (var i = 0; i < data.root.length; i++) {
alert("name:" + data.root[i].name);
alert("value:" + data.root[i].value);
}
alert(data.layer1.length);
for (var i = 0; i < data.layer1.length; i++) {
alert("name:" + data.layer1[i].name);
alert("value:" + data.layer1[i].value);
}

第二種 數組裡面嵌套對象

var data2 = [
{ name: "山東省", citys: { city: ["濟南", "青島"]} },
{ name: "河北省", citys: { city: ["保定", "石家莊", "衡水"]} },
{ name: "山西省", citys: { city: ["太原", "大同"]} }
];
alert(data2.length);
for (var i = 0; i < data2.length; i++) {
alert(data2[i].name);
for (var j = 0; j < data2[i].citys.city.length; j++) {
alert(data2[i].citys.city[j]);
}
}