json parsing_javascript スキルを共有する 4 つのメソッドを集めてください

Json は Web 開発で広く使用されており、データ送信の手段として、Json によって返されるデータを解析する方法が非常に一般的です。 Json を解析する 4 つの方法は次のとおりです:

パート 1

コードをコピー コードは次のとおりです。

var list1 = [1,3,4 ];
alert(list1[1]);
var list2 = [{"name":"leamiko","xing":"lin"}];
alert(list2[0][" xing"] )
alert(list2[0].xing)

パート 2

コードをコピーします コードは次のとおりです:

var value = {
"中国":{
"杭州":{"項目":"1"},
"上海":{"項目":"2"},
"成都 ":{"item":"3"}
},
"アメリカ":{
"aa":{"item":"1"},
"bb" :{" アイテム":"2"} 2"},
"ff":{"item":"3"}
}
};
for(var countryObj in value)
{
document.write( countryObj ":
")
//役に立たない for(var cityObj in value.countryObj)
for(var cityObj in value[countryObj])
{
document.write(' ' cityObj "
");
for(var itemObj in value[countryObj][cityObj])
{
document.write( " " itemObj value[countryObj][ cityObj][itemObj] "
")
}
} }
}



説明:

countryObj は値オブジェクトの属性値、value[countryObj] は値オブジェクトの属性値、ここでは b などの json オブジェクト、value[countryObj][cityObj] は josn オブジェクトの属性値ですb も json オブジェクトなので、value[countryObj][cityObj]["item"] は一時的に c の値になる json オブジェクト、つまり value[countryObj][cityObj].item を取得できます。

つまり、json か配列かを区別することが重要です。

パート 3

コードをコピー

コードは次のとおりです。var value2 = {

"中国":[

{"名前":"杭州", "項目":"1"},
{"名前":"上海", "項目":"2"}, {"name":"四川", "item":"3"}

],
"アメリカ":[
{"name":"aa", "item":" 12"},
{"name":"bb", "item":"2"}
],
"スペイン":[
{"name":"cc", " item":"1"},
{"name":"dd", "item":"23"},
{"name":"ee", "item":"3"}
]
};

for (var countryObj in value2)
{
document.write(countryObj ":
")
for (var cityObj) in value2[countryObj])
{
//document.write(" " value2[countryObj][cityObj].item "
");
document.write( cityObj " " value2[countryObj][cityObj]["name"] "
" );

説明:

countryObj は value2 オブジェクトの属性名、value2[countryObj] は value2 オブジェクトの属性値です。この例では、これは配列であり、cityObj は配列の要素であり、別の json オブジェクトです。したがって、value2[countryObj] [cityObj]["name"] はオブジェクトの名前の属性値にアクセスできます。または、value2[countryObj][cityObj].name を通じて属性値にアクセスできます。

パート 4

コードをコピーします コードは次のとおりです:

var value2 = {
"中国":[
{"名前":"杭州", "項目":"1"},
"中国":[
{"名前" :"上海", "アイテム":"2 "},
{"名前":"四川", "アイテム":"3"}
],
"アメリカ":[
{"name":"aa", "item ":"12"},
", "アイテム":"1"},
{"名前":"dd", "アイテム":"23 "},
{"name":"ee", "item":"3 "}
]
};

for (var countryObj in value2)
{
document.write(countryObj ":
")
/ /document.write(" " value2[countryObj].length);
for (var i = 0;i {
document.write(" " value2[countryObj][i]["name"] "
"); }



説明:

countryObj value2 オブジェクトの属性名、value2[countryObj] 属性値。この例では、配列、value2[countryObj].length は配列の長さ、value2[countryObj] の項目です。 [i] 配列 == json オブジェクト。

value2[countryObj][i]["name"] は name の値を取得します。 value2[countryObj][i].name を使用して name の値を取得することもできます。