> 웹 프론트엔드 > JS 튜토리얼 > json parsing_javascript 기술을 공유하기 위한 4가지 방법 수집

json parsing_javascript 기술을 공유하기 위한 4가지 방법 수집

WBOY
풀어 주다: 2016-05-16 17:03:31
원래의
958명이 탐색했습니다.

Json은 웹 개발에서 널리 사용됩니다. 데이터 전송 전달자로서 Json이 반환한 데이터를 구문 분석하는 방법은 매우 일반적입니다. Json을 구문 분석하는 네 가지 방법은 다음과 같습니다.

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 값 = {
"china":{
"hangzhou":{"item":"1"},
"shanghai":{"item":"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 값[countryObj][ cityObj][itemObj] "
")
}
} }
}



설명:
countryObj는 값 개체의 속성 값이고, value[countryObj]는 값 개체의 속성 값입니다. 여기서는 b와 같은 json 개체입니다. value[countryObj][cityObj]는 josn 개체의 속성 값입니다. b는 json 객체이기도 합니다. 따라서 value[countryObj][cityObj]["item"]은 json 객체를 일시적으로 c 또는 value[countryObj][cityObj].item의 값으로 가져올 수 있습니다.

간단히 말하면 json인지 배열인지 구별하는 것이 중요합니다.

3부

코드 복사

"china":[
{"name":"hangzhou", "item":"1"},
{"name":"shanghai", "item":"2"}, {"이름":"사천", "항목":"3"}

],
"미국":[
{"이름":"aa", "항목":" 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]["name"] "
);

설명:

countryObj는 value2 객체의 속성 이름이고 value2[countryObj]는 value2 객체의 속성 값입니다. 이 예에서는 배열이고 cityObj는 배열의 요소이며 또 다른 json 객체입니다. 따라서 value2[countryObj] [cityObj]["name"]은 객체 이름의 속성 값에 액세스할 수 있거나 value2[countryObj][cityObj].name을 통해 속성 값에 액세스할 수 있습니다.

4부

코드 복사 코드는 다음과 같습니다.

var value2 = {
"china":[
{"name":"hangzhou", "item":"1"},
"china":[
{"name" :"shanghai", "item":"2 "},
{"name":"sichuan", "item":"3"}
],
"America":[
{"이름":"aa", "항목":"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 < value2 [countryObj].length; 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 값을 가져올 수도 있습니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿