JSON數(shù)組對(duì)象和對(duì)象數(shù)組
Json的簡單介紹
從結(jié)構(gòu)上看，所有的數(shù)據(jù)最終都可以分成三種類型：
第一種類型是scalar(標(biāo)量)，也就是一個(gè)單獨(dú)的string(字符串)或數(shù)字(numbers)，比如“北京”這個(gè)單獨(dú)的詞。
第二種類型是sequence(序列)，也就是若干個(gè)相關(guān)的數(shù)據(jù)按照一定順序并列在一起，又叫做array(數(shù)組)或List(列表)，比如“北京，東京”。
第三種類型是mapping(映射)，也就是一個(gè)名/值對(duì)(Name/value)，即數(shù)據(jù)有一個(gè)名稱，還有一個(gè)與之相對(duì)應(yīng)的值，這又稱作hash(散列)或dictionary(字典)，比如“首都：北京”。
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式，它的規(guī)則非常簡單并且是有趣的：
1) 并列的數(shù)據(jù)之間用逗號(hào)(“，”)分隔。
2) 映射用冒號(hào)(“：”)表示。
3) 并列數(shù)據(jù)的集合(數(shù)組)用方括號(hào)("[]")表示。
4) 映射的集合(對(duì)象)用大括號(hào)(“{}”)表示。
按照這個(gè)規(guī)則可以作以下理解：
1.數(shù)組用“[]”創(chuàng)建，對(duì)象用“{}”創(chuàng)建，并且使用Json基本都是用[]或者{}創(chuàng)建的數(shù)組或?qū)ο螅駝t一個(gè)普通的字符串是沒有意義的;
2.無論是數(shù)組還是對(duì)象，之間的元素都用“，”隔開;
3.對(duì)象內(nèi)部，(屬性的)名稱和值用“：”隔開，并且必須要用“：”隔開，不可單獨(dú)存在屬性名或者值;
4.對(duì)象和數(shù)組可以互相嵌套，即數(shù)組中的一個(gè)元素可以是一個(gè)對(duì)象也可以是一個(gè)數(shù)組，同理對(duì)象中的一個(gè)屬性的值可以是一個(gè)對(duì)象也可以是一個(gè)數(shù)組。
二、事例
1.
var china= {beijing:{name:"北京",area:"16000",haidian:{name:"海淀區(qū)"}},
shanghai:{name:"上海",area:"10000",minhang:{name:"閔行區(qū)"}}};
alert(china.beijing.haidian.name);
alert(china.shanghai.minhang.name);
分別彈出“海淀區(qū)”和“閔行區(qū)”。
2.
var ourcountry=[["北京市"],["上海市"],["合肥市","蕪湖市","蚌埠市"]];
alert(ourcountry[2][1]);
彈出“蕪湖市”。
3.
var zhongguo={provinces:[{name:"北京",cities:[{name:"北京市",quxian:["海淀區(qū)","朝陽區(qū)","東城區(qū)","西城區(qū)"]}]},
{name:"安徽省",cities:[{name:"蕪湖市",quxian:["繁昌縣","蕪湖縣","南陵縣","三山區(qū)"]},{name:"合肥市",quxian:["肥西縣","蜀山區(qū)","廬陽區(qū)"]}]},
"湖北省"
]};
var str = "中國：{n";
for(var i = 0; i < zhongguo.provinces.length; i++)
{
if(zhongguo.provinces.cities != null)
{
str += zhongguo.provinces.name + "{";
for(var j = 0; j < zhongguo.provinces.cities.length; j++)
{
if(zhongguo.provinces.cities[j] != null)
{
str += zhongguo.provinces.cities[j].name + "{";
for(var k = 0; k < zhongguo.provinces.cities[j].quxian.length; k++)
{
str += zhongguo.provinces.cities[j].quxian[k];
if(k != zhongguo.provinces.cities[j].quxian.length - 1)
{
str += ",";
}
}
str += "}";
}
}
str += "}n";
}
}
str += "}";
alert(str);
彈出“
中國：{
北京{北京市{海淀區(qū),朝陽區(qū),東城區(qū),西城區(qū)}}
安徽省{蕪湖市{繁昌縣,蕪湖縣,南陵縣,三山區(qū)}合肥市{肥西縣,蜀山區(qū),廬陽區(qū)}}
}
”。
三、Json在Ajax中的應(yīng)用
客戶端可以給服務(wù)器端通過地址欄或者post很容易的提交數(shù)據(jù)，但是服務(wù)器端處理完數(shù)據(jù)之后，將計(jì)算的結(jié)果信息回傳給客戶端時(shí)就存在了一定的難度，特別是 數(shù)據(jù)量較大時(shí)。這個(gè)時(shí)候數(shù)據(jù)的格式成了關(guān)鍵，按照某種格式可以很方便的進(jìn)行數(shù)據(jù)的組裝，然后可以很方便的進(jìn)行解析。使用Json便是一種很好的策略。在服 務(wù)器端，按照J(rèn)son的格式拼裝好一個(gè)字符串，響應(yīng)給客戶端?？蛻舳巳绾芜M(jìn)行解析呢?一般有兩種策略(兩種策略的名稱是自己給的名字，不一定很合理，但是 思路應(yīng)該是沒有問題的)：
1.直接解析
var json = eval('(' + result + ')');
通過上面這個(gè)表達(dá)式，就完成了將服務(wù)器端響應(yīng)給客戶端的Json格式的字符串解析成了一個(gè)Json(格式的)對(duì)象，名稱為“json”，通過“json.”或者“json[]”的方式便可進(jìn)行數(shù)據(jù)訪問。
2.間接解析
var json = "r=" + result;
eval(json);
當(dāng)然上面行代碼可以合并為：eval("r=" + result);
通過上面的計(jì)算，也可以將服務(wù)器端響應(yīng)給客戶端的Json格式的字符串解析成了一個(gè)Json(格式的)對(duì)象，但是該對(duì)象名稱為“r”，通過“r.”或者“r[]”的方式可進(jìn)行數(shù)據(jù)訪問。
總結(jié)：Json是一種簡單的數(shù)據(jù)交換格式，它幾乎可以很好的代替xml讓服務(wù)器之間靈活的交換數(shù)據(jù)。
四、JavaScript中的數(shù)組和對(duì)象
在JavaScript中，通常用[]創(chuàng)建的數(shù)據(jù)格式稱為數(shù)組，用{}創(chuàng)建的東西稱為對(duì)象。
有一個(gè)數(shù)組a=[1,2,3,4]，還有一個(gè)對(duì)象a={0:1,1:2,2:3,3:4}，運(yùn)行alert(a[1])，兩種情況下的運(yùn)行結(jié)果是相同的!這就是說，數(shù)據(jù)集合既可以用數(shù)組表示，也可以用對(duì)象表示，那么到底該用哪一種呢?
其實(shí)數(shù)組表示有序數(shù)據(jù)的集合，而對(duì)象表示無序數(shù)據(jù)的集合。如果數(shù)據(jù)的順序很重要，就用數(shù)組，否則就用對(duì)象。
當(dāng)然，數(shù)組和對(duì)象的另一個(gè)區(qū)別是，數(shù)組中的數(shù)據(jù)沒有“名稱”(name)，對(duì)象中的數(shù)據(jù)有“名稱”(name)。但是問題是，很多編程語言中，都有一種叫 做“關(guān)聯(lián)數(shù)組”(associativearray)的東西。這種數(shù)組中的數(shù)據(jù)是有名稱的。比如在javascript中，可以這樣定義一個(gè)對(duì)象：
var a={"城市":"北京","面積":16800,有趣,"人口":1600};
但是，也可以定義成一個(gè)關(guān)聯(lián)數(shù)組：
var a = new Array();
a["城市"]="北京";
a["面積"]=16800;
a["人口"]=1600;
這樣一來好像數(shù)組和集合就沒有區(qū)別了，其實(shí)不是，在Javascript語言中，關(guān)聯(lián)數(shù)組就是對(duì)象，對(duì)象就是關(guān)聯(lián)數(shù)組。通過第二種方式創(chuàng)建的數(shù)組和通過 []方式創(chuàng)建的數(shù)組是有很大的區(qū)別的，在第二個(gè)方式創(chuàng)建的“數(shù)組”中，也可以和第一種方式類似，通過“a.城市”來得到“北京”，“a.人口”來得到 “1600”，但是它和第一種方式創(chuàng)建的對(duì)象又是有區(qū)別的，通過第一種方式定義的a是沒有l(wèi)ength屬性的，二通過第二種方式定義的a有，可是值為0， 可見里面的差別還是有的，要想具體搞清楚，恐怕得看看底層的一些實(shí)現(xiàn)代碼了。
當(dāng) eval 返回的 json 值時(shí)，提示 Error: Invalid Label 摘要: 我們經(jīng)常會(huì)在服務(wù)器端返回 json 格式的值，這樣可以直接在腳本中當(dāng)作完整的對(duì)象來使用，但是，許多新手通常都會(huì)遇到一個(gè)錯(cuò)誤提示：Invalid Label ，這個(gè)問題通常會(huì)讓人苦惱不堪，因?yàn)槊髅髡_的 json 格式，卻提示錯(cuò)誤。如果你遇到此問題，那趕快看看本文的內(nèi)容吧!
我們經(jīng)常會(huì)在服務(wù)器端返回 json 格式的值，這樣可以直接在腳本中當(dāng)作完整的對(duì)象來使用，但是，許多新手通常都會(huì)遇到一個(gè)錯(cuò)誤提示： Invalid Label ，這個(gè)問題通常會(huì)讓人苦惱不堪，因?yàn)槊髅髡_的 json 格式，卻提示錯(cuò)誤。
假如你從服務(wù)器端返回的是 json 格式的字符串：
>
當(dāng)你在腳本中用 eval 的方式運(yùn)行：
>
這時(shí)會(huì)提示 ：Error: Invalid Label
實(shí)際上，我們的 json 格式并沒有錯(cuò)誤，只是在 eval 的時(shí)候，要把你的 json 值用 “()” 括號(hào)括起來：
> var result = eval("(" + o.responseText + ")"); help001
下載文檔
