1. 程式人生 > >JSON陣列物件和物件陣列

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