JSON陣列物件和物件陣列
Json的簡單介紹
從結構上看,所有的資料最終都可以分成三種類型:
第一種型別是scalar(標量),也就是一個單獨的string(字串)或數字(numbers),比如“北京”這個單獨的詞。
第二種型別是sequence(序列),也就是若干個相關的資料按照一定順序並列在一起,又叫做array(陣列)或List(列表),比如“北京,東京”。
第三種類型是mapping(對映),也就是一個名/值對(Name/value),即資料有一個名稱,還有一個與之相對應的值,這又稱作hash(雜湊)或dictionary(字典),比如“首都:北京”。
JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式,它的規則非常簡單並且是有趣的:
1) 並列的資料之間用逗號(“,”)分隔。
2) 對映用冒號(“:”)表示。
3) 並列資料的集合(陣列)用方括號("[]")表示。
4) 對映的集合(物件)用大括號(“{}”)表示。
按照這個規則可以作以下理解:
1.陣列用“[]”建立,物件用“{}”建立,並且使用Json基本都是用[]或者{}建立的陣列或物件,否則一個普通的字串是沒有意義的;
2.無論是陣列還是物件,之間的元素都用“,”隔開;
3.物件內部,(屬性的)名稱和值用“:”隔開,並且必須要用“:”隔開,不可單獨存在屬性名或者值;
4.物件和陣列可以互相巢狀,即陣列中的一個元素可以是一個物件也可以是一個數組,同理物件中的一個屬性的值可以是一個物件也可以是一個數組。
二、事例
1.
var china= {beijing:{name:"北京",area:"16000",haidian:{name:"海淀區"}},
shanghai:{name:"上海",area:"10000",minhang:{name:"閔行區"}}};
alert(china.beijing.haidian.name);
alert(china.shanghai.minhang.name);
分別彈出“海淀區”和“閔行區”。
2.
var ourcountry=[["北京市"],["上海市"],["合肥市","蕪湖市","蚌埠市"]];
alert(ourcountry[2][1]);
彈出“蕪湖市”。
3.
var zhongguo={provinces:[{name:"北京",cities:[{name:"北京市",quxian:["海淀區","朝陽區","東城區","西城區"]}]},
{name:"安徽省",cities:[{name:"蕪湖市",quxian:["繁昌縣","蕪湖縣","南陵縣","三山區"]},{name:"合肥市",quxian:["肥西縣","蜀山區","廬陽區"]}]},
"湖北省"
]};
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);
彈出“
中國:{
北京{北京市{海淀區,朝陽區,東城區,西城區}}
安徽省{蕪湖市{繁昌縣,蕪湖縣,南陵縣,三山區}合肥市{肥西縣,蜀山區,廬陽區}}
}
”。
三、Json在Ajax中的應用
客戶端可以給伺服器端通過位址列或者post很容易的提交資料,但是伺服器端處理完資料之後,將計算的結果資訊回傳給客戶端時就存在了一定的難度,特別是 資料量較大時。這個時候資料的格式成了關鍵,按照某種格式可以很方便的進行資料的組裝,然後可以很方便的進行解析。使用Json便是一種很好的策略。在服 務器端,按照Json的格式拼裝好一個字串,響應給客戶端。客戶端如何進行解析呢?一般有兩種策略(兩種策略的名稱是自己給的名字,不一定很合理,但是 思路應該是沒有問題的):
1.直接解析
var json = eval('(' + result + ')');
通過上面這個表示式,就完成了將伺服器端響應給客戶端的Json格式的字串解析成了一個Json(格式的)物件,名稱為“json”,通過“json.”或者“json[]”的方式便可進行資料訪問。
2.間接解析
var json = "r=" + result;
eval(json);
當然上面行程式碼可以合併為:eval("r=" + result);
通過上面的計算,也可以將伺服器端響應給客戶端的Json格式的字串解析成了一個Json(格式的)物件,但是該物件名稱為“r”,通過“r.”或者“r[]”的方式可進行資料訪問。
總結:Json是一種簡單的資料交換格式,它幾乎可以很好的代替xml讓伺服器之間靈活的交換資料。
四、JavaScript中的陣列和物件
在JavaScript中,通常用[]建立的資料格式稱為陣列,用{}建立的東西稱為物件。
有一個數組a=[1,2,3,4],還有一個物件a={0:1,1:2,2:3,3:4},執行alert(a[1]),兩種情況下的執行結果是相同的!這就是說,資料集合既可以用陣列表示,也可以用物件表示,那麼到底該用哪一種呢?
其實陣列表示有序資料的集合,而物件表示無序資料的集合。如果資料的順序很重要,就用陣列,否則就用物件。
當然,陣列和物件的另一個區別是,陣列中的資料沒有“名稱”(name),物件中的資料有“名稱”(name)。但是問題是,很多程式設計語言中,都有一種叫 做“關聯陣列”(associativearray)的東西。這種陣列中的資料是有名稱的。比如在javascript中,可以這樣定義一個物件:
var a={"城市":"北京","面積":16800,有趣,"人口":1600};
但是,也可以定義成一個關聯陣列:
var a = new Array();
a["城市"]="北京";
a["面積"]=16800;
a["人口"]=1600;
這樣一來好像陣列和集合就沒有區別了,其實不是,在Javascript語言中,關聯陣列就是物件,物件就是關聯陣列。通過第二種方式建立的陣列和通過 []方式建立的陣列是有很大的區別的,在第二個方式建立的“陣列”中,也可以和第一種方式類似,通過“a.城市”來得到“北京”,“a.人口”來得到 “1600”,但是它和第一種方式建立的物件又是有區別的,通過第一種方式定義的a是沒有length屬性的,二通過第二種方式定義的a有,可是值為0, 可見裡面的差別還是有的,要想具體搞清楚,恐怕得看看底層的一些實現程式碼了。
當 eval 返回的 json 值時,提示 Error: Invalid Label 摘要: 我們經常會在伺服器端返回 json 格式的值,這樣可以直接在指令碼中當作完整的物件來使用,但是,許多新手通常都會遇到一個錯誤提示:Invalid Label ,這個問題通常會讓人苦惱不堪,因為明明正確的 json 格式,卻提示錯誤。如果你遇到此問題,那趕快看看本文的內容吧!
我們經常會在伺服器端返回 json 格式的值,這樣可以直接在指令碼中當作完整的物件來使用,但是,許多新手通常都會遇到一個錯誤提示: Invalid Label ,這個問題通常會讓人苦惱不堪,因為明明正確的 json 格式,卻提示錯誤。
假如你從伺服器端返回的是 json 格式的字串:
>
當你在指令碼中用 eval 的方式執行:
>
這時會提示 :Error: Invalid Label
實際上,我們的 json 格式並沒有錯誤,只是在 eval 的時候,要把你的 json 值用 “()” 括號括起來:
> var result = eval("(" + o.responseText + ")"); help001
--------------------- 本文來自 Fu_Lin_ 的CSDN 部落格 ,全文地址請點選:https://blog.csdn.net/clinuxf/article/details/78599519?utm_source=copy