>  기사  >  웹 프론트엔드  >  JS 작업에 대한 자세한 요약 JSON Essentials_javascript 기술

JS 작업에 대한 자세한 요약 JSON Essentials_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:24:211060검색

JSON(JavaScript Object Notation)은 완전히 언어 독립적인 텍스트 형식을 사용하는 경량 데이터 교환 형식이며 이상적인 데이터 교환 형식입니다. 동시에 JSON은 JavaScript 기본 형식입니다. 즉, JavaScript에서 JSON 데이터를 처리하는 데 특별한 API나 툴킷이 필요하지 않습니다.
이 글은 JS가 JSON을 운영하는데 필요한 핵심 내용을 주로 요약한 것입니다.
JSON에는 객체와 배열이라는 두 가지 구조가 있습니다.
1. 객체는 "{"(왼쪽 대괄호)로 시작하고 "}"(오른쪽 대괄호)로 끝납니다. 각 "이름" 뒤에는 ":"(콜론)이 옵니다. "이름/값" 쌍은 ","(쉼표)로 구분됩니다. 이름은 따옴표로 묶입니다. 값이 문자열인 경우에는 괄호로 묶어야 하지만 숫자 값인 경우에는 그렇지 않습니다. 예:

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

var o={"xlid ":"cxh ","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};

2. 배열은 순서가 지정된 값 모음입니다. . 배열은 "["(왼쪽 대괄호)로 시작하고 "]"(오른쪽 대괄호)로 끝납니다. 값을 구분하려면 ","(쉼표)를 사용하세요.
예:
코드 복사 코드는 다음과 같습니다.

var jsonranklist= [{"xlid ":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456, "topscore": 1500,"topplaytime":"2009-11-20"}];

JSON 데이터를 편리하게 처리하기 위해 JSON은 json.js 패키지를 제공합니다. 다운로드 주소: http: //www.json .org/json.js
데이터 전송 과정에서 json은 텍스트, 즉 문자열 형태로 전달되며, JS는 JSON 객체를 대상으로 동작하므로 JSON 객체와 객체 간의 변환이 이루어집니다. JSON 문자열이 핵심입니다. 예:
JSON 문자열:
코드 복사 코드는 다음과 같습니다.

var str1 = '{ "name": "cxh", "sex": "man" }'

JSON 개체:
코드 복사 코드는 다음과 같습니다.

var str2 = { "name": "cxh", "sex": "man" };

1. JSON 문자열을 JSON 객체로 변환 위의 str1을 사용하려면 먼저 다음을 사용하여 JSON 객체로 변환해야 합니다.

코드 복사 코드는 다음과 같습니다.
//JSON 문자열을 JSON 객체로 변환
var obj = eval(' (' str ')');
또는
var obj = str.parseJSON(); //JSON 문자열을 JSON 객체로 변환
또는
var obj = JSON.parse(str); //JSON 문자열에서 변환 JSON 개체

의 경우 다음과 같이 읽을 수 있습니다.

코드 복사 코드는 다음과 같습니다.
Alert(obj.name);
Alert(obj.sex)

특별한 사항: if obj는 원래 JSON 객체이므로 eval()을 사용합니다. 함수 변환(여러 변환 포함) 후에도 여전히 JSON 객체이지만, parseJSON() 함수를 사용한 후에는 질문이 있습니다(구문 예외 발생).


2. toJSONString() 또는 전역 메서드 JSON.stringify()를 사용하여 JSON 개체를 JSON 문자열로 변환할 수 있습니다. 예:

코드 복사 코드는 다음과 같습니다.
var last= obj.toJSONString( ); //JSON 객체를 JSON 문자로 변환
또는
var last=JSON.stringify(obj); //JSON 객체를 JSON 문자로 변환
alert(last);

참고:
위 방법 중 eval() 함수가 js와 함께 제공되는 것을 제외하고 다른 많은 방법은 json.js 패키지에서 제공됩니다. JSON의 새 버전은 API를 수정하고 JSON.stringify() 및 JSON.parse() 메서드를 모두 Javascript의 내장 개체에 삽입합니다. 전자는 Object.toJSONString()이 되고 후자는 String이 됩니다. . toJSONString() 및 parseJSON() 메서드를 찾을 수 없다는 메시지가 표시되면 json 패키지 버전이 너무 낮다는 의미입니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.