> 웹 프론트엔드 > JS 튜토리얼 > json2.js_json에 대한 사전 학습 및 이해

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

WBOY
풀어 주다: 2016-05-16 18:01:24
원래의
1151명이 탐색했습니다.

json2.js의 초기 학습 및 이해
1.) js의 다운로드 주소는 http://www.json.org/json2.js입니다.
2.) 페이지의 스크립트를 인용하세요. < script type="text/javascript" src="js/json2.js">
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):
코드 복사 코드는 다음과 같습니다.

<%@ 페이지 언어="java" pageEncoding="UTF-8"%>


head>

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

4.) 데모 예시 2:
코드 복사 코드는 다음과 같습니다.

// 다음은 json 객체를 추가, 삭제, 확인, 수정하는 작업입니다.
<%@ page Language="java" pageEncoding="UTF-8"%>


최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿