遍歷json獲得數據的幾種方法
Json在Web開發的用處非常廣泛,作爲數據傳遞的載體,如何解析Json返回的數據是非常常用的。下面介紹下四種解析Json的方式:
Part 1
3 |
var list2 = [{ "name" : "leamiko" , "xing" : "lin" }]; |
4 |
alert(list2[0][ "xing" ]) |
Part 2
03 |
"hangzhou" :{ "item" : "1" }, |
04 |
"shanghai" :{ "item" : "2" }, |
05 |
"chengdu" :{ "item" : "3" } |
18 |
for ( var
countryObj in
value) |
20 |
document.write(countryObj +
":<br />" ) |
22 |
for ( var
cityObj in
value[countryObj]) |
24 |
document.write( ' '
+ cityObj + "<br />" ); |
25 |
for ( var
itemObj in
value[countryObj][cityObj]) |
27 |
document.write( " " + itemObj + value[countryObj][cityObj][itemObj] + "<br />" )
|
解釋:
countryObj 爲value對象的一個屬性明,value[countryObj] 爲value對象的屬性值 這裏爲一個json對象比如b,value[countryObj][cityObj]爲josn對象b的屬性值 它也是一個json對象,於是 value[countryObj][cityObj]["item"]便可以取到json對象暫時成爲c的值,或者 value[countryObj][cityObj].item。
總之分清是json還是array這是很關鍵的。
Part 3
03 |
{ "name" : "hangzhou" ,
"item" : "1" }, |
04 |
{ "name" : "shanghai" ,
"item" : "2" }, |
05 |
{ "name" : "sichuan" ,
"item" : "3" } |
08 |
{ "name" : "aa" ,
"item" : "12" }, |
09 |
{ "name" : "bb" ,
"item" : "2" } |
12 |
{ "name" : "cc" ,
"item" : "1" }, |
13 |
{ "name" : "dd" ,
"item" : "23" }, |
14 |
{ "name" : "ee" ,
"item" : "3" } |
18 |
for ( var
countryObj in
value2) |
20 |
document.write(countryObj +
":<br />" ) |
21 |
for
( var
cityObj in value2[countryObj]) |
24 |
document.write(cityObj +
" " + value2[countryObj][cityObj][ "name" ] +
"<br />" ); |
解釋:
countryObj 爲value2對象的屬性名,value2[countryObj] 爲value2對象屬性值 在本例中它是一個數組,cityObj 是數組的一個元素,它又是另外一個json對象,於是,value2[countryObj][cityObj]["name"]就訪問到該對象的 name的屬性值,也可以通過 value2[countryObj][cityObj].name 來訪問該屬性值。
Part 4
03 |
{ "name" : "hangzhou" ,
"item" : "1" }, |
04 |
{ "name" : "shanghai" ,
"item" : "2" }, |
05 |
{ "name" : "sichuan" ,
"item" : "3" } |
08 |
{ "name" : "aa" ,
"item" : "12" }, |
09 |
{ "name" : "bb" ,
"item" : "2" } |
12 |
{ "name" : "cc" ,
"item" : "1" }, |
13 |
{ "name" : "dd" ,
"item" : "23" }, |
14 |
{ "name" : "ee" ,
"item" : "3" } |
18 |
for
( var
countryObj in value2) |
20 |
document.write(countryObj +
":<br />" ) |
22 |
for
( var
i = 0;i < value2[countryObj].length; i++) |
24 |
document.write( " "
+ value2[countryObj][i][ "name" ] +
"<br />" ); |
解釋:
countryObj value2對象的屬性名,value2[countryObj] 屬性值 本例中是一個數組,value2[countryObj].length 數組的長度,value2[countryObj][i]數組的項 == json對象。
value2[countryObj][i]["name"] 取得name的值,也可以用value2[countryObj][i].name 來取得name的值。