JavaScript for-in은 json 데이터를 순서대로 탐색하고 browsers_javascript 기술 간의 차이점을 탐색합니다.

WBOY
풀어 주다: 2016-05-16 15:28:42
원래의
1611명이 탐색했습니다.

객체 자체는 객체가 없는 컬렉션이므로 for-in 문을 사용하여 객체의 속성을 순회할 때 순회하는 속성의 순서는 객체를 정의할 때와 다릅니다.

W3C 표준에 대해 알아보기:

ECMA-262(ECMAScript) 제3판에 따르면 for-in 문의 속성 순회 순서는 객체 정의 시 속성 쓰기 순서에 따라 결정됩니다.

ECMA-262(ECMAScript) 3판의 for-in 문에 대한 자세한 내용은 12.6.4 ECMA-262 3판의 for-in 문을 참조하세요.

최신 ECMA-262(ECMAScript) 제5판 사양에서는 for-in 문의 순회 메커니즘이 조정되었으며 속성 순회 순서가 지정되지 않았습니다.

ECMA-262(ECMAScript) 5판의 for-in 문에 대한 자세한 내용은 12.6.4 ECMA-262 5판의 for-in 문을 참조하세요.

새 버전의 속성 순회 순서 설명은 이전 버전과 다릅니다. 이로 인해 ECMA-262 제3판 사양에 따라 구현된 JavaScript 구문 분석 엔진은 for-in 문을 다음 버전에 구현된 구문 분석과 다르게 처리하게 됩니다. 다섯 번째 버전 사양에서는 속성의 순회 순서에 불일치 문제가 있습니다.

따라서 개발 중에는 객체 속성의 순서에 의존하는 코드 작성을 피해야 합니다. 다음과 같습니다:

<script>
var json1 = {
    "2":{"name":"第1条"},
    "1":{"name":"第2条"},
    "3":{"name":"第3条"}
}
var json2 = [
    {"name":"第1条"},
    {"name":"第2条"},
    {"name":"第3条"}
]
for(var i in json1){
    alert(json1[i].name);
}
//正确
for(var i in json2){
    alert(json2[i].name);
}
</script>
로그인 후 복사

각 브라우저의 for-in 코드 차이점을 살펴보세요.

다음은 JSON 데이터를 통한 JS Looping에 대한 별도의 코드 소개입니다

다음과 같은 JSON 데이터:

{"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"valu
e/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/"}]"}
로그인 후 복사

은 js에서 다음과 같이 작성할 수 있습니다.

var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}]; 
   for(var o in data){ 
    alert(o); 
    alert(data[o]); 
    alert("text:"+data[o].name+" value:"+data[o].age ); 
   } 
로그인 후 복사

또는

<script type="text/javascript"> 
function text(){ 
 var json = {"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"value/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/"}]"}  
 json = eval(json.options) 
 for(var i=0; i<json.length; i++) 
 { 
   alert(json[i].text+" " + json[i].value) 
 } 
} 
</script> 
로그인 후 복사
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿