json2.js_json에 대한 사전 학습 및 이해-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

json2.js_json에 대한 사전 학습 및 이해

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 06:01 PM

json2.js의 초기 학습 및 이해
1.) js의 다운로드 주소는 http://www.json.org/json2.js입니다.
2.) 페이지의 스크립트를 인용하세요.
3.) 예시 데모 1:

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

 
//json 데이터 구조를 직접 선언합니다. 
var myJSONObject = {"binds": [ 
{" ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"}, 
{"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": " ^delete.*"}, 
{"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"} 
] 
 }; 
 

이 예에서는 "바인딩" 멤버가 하나만 포함된 개체가 생성됩니다. "바인딩"은 3개의 객체를 포함하는 배열이며 각 객체에는 "ircEvent", "method" 및 "regex"라는 3개의 멤버가 있습니다.
이러한 멤버는 "." 또는 아래 첨자 연산을 사용하여 얻을 수 있습니다.
예: myJSONObject.bindings[0].method // "newURI"
myJSONObject.bindings[1].deleteURI // "newURI"
//선언 문자열, json 텍스트를 다음과 비교할 수 있습니다. 우리의 일반 텍스트
var Normalstring='[{persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m"의 차이점 ,age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]}]'
var jsontext='[{"persons":[{"name" :" 조던","sex":"m","age":"40"}, {"name":"bryant","sex":"m","age":"28"}, {" name" :"McGrady","sex":"m","age":"27"} ]}]';
우리는 eval() 함수를 사용하여 JavaScript 컴파일러를 호출하여 JSON 텍스트를 물체. JSON은 JavaScript의 정확한 하위 집합이기 때문에 컴파일러는 JSON 텍스트를 올바르게 구문 분석한 다음 개체 구조를 생성할 수 있습니다.
//json 객체로 변환하기 위한 eval 함수 호출,
var myE = eval(normalstring)
//json 객체를 문자열로 변환
var text = JSON.stringify(myE );
//변환된 json 텍스트와 선언된 텍스트의 차이점 비교
document.writeln('변환된 json 텍스트:' text '

선언된 json 형식 텍스트' jsontext '< ; br>
일반 형식 텍스트 'normalstring'

')
결과는 다음과 같습니다.
변환된 json 텍스트: [{"persons":[{" 이름 ":"조던","sex":"m","age":"40"},{"name":"bryant","sex":"m","age":"28"}, { "name":"McGrady","sex":"m","age":"27"}]}]
json 형식 텍스트 선언됨 [{"persons":[{"name":"jordan" ,"섹스":"m","나이":"40"},{"이름":"브라이언트","섹스":"m","나이":"28"},{"이름":" McGrady","sex":"m","age":"27"}]}]
선언의 일반 텍스트 [{persons:[{name:"jordan",sex:"m",age : "40"}, {이름:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]}]
요약: 변환된 json 텍스트와 선언된 json 형식의 텍스트 내용은 동일합니다.
//보안이 더 중요한 경우에는 JSON 구문 분석을 사용하는 것이 좋습니다. JSON 구문 분석은 JSON 텍스트만 인식하며 아래에서 json의 구문 분석 기능을 호출하여 텍스트 데이터를 변환하여 json 데이터 구조를 생성합니다.
var myData = JSON.parse(jsontext)
파일은 다음과 같습니다(차이점: myJSONObject , jsontext, Normalstring):

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

gt ;

head>

<script> var Normalstring='[{persons:[{name:"jordan",sex:"m",age:"40"} :"bryant",sex:"m ",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]}]'; var jsontext='[ {"사람":[{"이름 ":"조던","섹스":"m","나이":"40"}, {"이름":"브라이언트","섹스":"m"," age":"28"}, { "name":"McGrady","sex":"m","age":"27"} ]}]'; var myJSONObject = {"bounds": [ {"ircEvent": " PRIVMSG", "method": "newURI", "regex": "^http://.*"}, {"ircEvent": "PRIVMSG", "method" : "deleteURI", "regex": "^delete.*"}, {"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"} ] }; //json 객체로 변환하기 위해 eval 함수 호출, var myE = eval(normalstring) //json 객체를 문자열로 변환 var text = JSON.stringify(myE); //변환된 json 텍스트와 선언된 텍스트의 차이점 비교 document.writeln('Converted json text:' text ' Declared json 형식 텍스트' jsontext ' 선언된 일반 문자열 'normalstring' ') //JSON 구문 분석 var myData = JSON.parse(jsontext) ; </script>

4.) 데모 예시 2:

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

// 다음은 json 객체를 추가, 삭제, 확인, 수정하는 작업입니다.