>웹 프론트엔드 >JS 튜토리얼 >JS 작업 JSON에 대한 자세한 소개

JS 작업 JSON에 대한 자세한 소개

php中世界最好的语言
php中世界最好的语言원래의
2018-04-23 10:25:401220검색

이번에는 JSON에서의 JS 작업에 대해 자세히 소개하겠습니다. JSON에서 JS 작업 시 주의사항은 무엇인가요?

JSON은 완전히 언어 독립적인 텍스트 형식을 사용하는 경량 데이터 교환 형식이며 이상적인 데이터 교환 형식입니다. 이 글에서는 JSON에 대한 JS 작업 요약을 소개합니다. 관심 있는 친구들은 함께 배워보세요

JSON 개요:

JSON(JavaScript Object 표기법) 완전히 언어 독립적인 텍스트 형식을 사용하는 경량 레벨 데이터 교환 형식으로 이상적인 데이터 교환 형식입니다. 동시에 JSON은 기본 JavaScript 형식이므로 JavaScript에서 JSON 데이터를 처리하는 데 특별한 API나 툴킷이 필요하지 않습니다.

JSON: JavaScript ObjectNotation(JavaScript 개체 표기법).

JSON은 텍스트 정보를 저장하고 교환하는 구문입니다. XML과 유사합니다.

JSON은 XML보다 더 작고 빠르며 구문 분석하기 쉽습니다.

JSON 구문 규칙

JSON 구문은 JavaScript 개체 표기 구문의 하위 집합입니다.

데이터는 이름/값 쌍으로 되어 있습니다.

데이터는 쉼표로 구분됩니다.

중괄호는 객체를 저장합니다.

대괄호는 배열을 저장합니다.

좋아, 위의 내용은 이 글의 주요 내용이 아닙니다. JSON을 조작하여 총 매듭을 만드는 방법입니다. JSON에는 객체와 배열이라는 두 가지 구조가 있습니다.

1. 개체는 "{"(왼쪽 대괄호)로 시작하고 "}"(오른쪽 대괄호)로 끝납니다. 각 "이름" 뒤에는 ":"(콜론)이 옵니다. "이름/값" 쌍은 ","(쉼표)로 구분됩니다. 이름은 따옴표로 묶어야 하며, 값이

string

인 경우 괄호로 묶어야 하며, 숫자 값인 경우에는 필요하지 않습니다. 예:

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은 text 즉, 문자열 형태로 전달되고, 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字符串转换为JSON对象
var obj = eval('(' + str + ')');

또는

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

또는

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

그런 다음 다음과 같이 읽을 수 있습니다.

Alert(obj.name);
Alert(obj.sex);

특별 참고 사항:

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);

Script House는 문제에 주의를 기울여야 함을 모든 사람에게 친절하게 상기시켜 줍니다. 위의 방법 중에서, 함께 제공되는 eval() 함수를 제외하고 Node.js, 기타 여러 메서드는 json.js 패키지에서 제공됩니다. JSON의 새 버전은 API를 수정하고 JSON.stringify() 및 JSON.parse() 메서드를 모두 Javascript의 내장 개체에 삽입합니다. 전자는 Object.toJSONString()이 되고 후자는 String이 됩니다. . toJSONString() 및 parseJSON() 메서드를 찾을 수 없다는 메시지가 표시되면 json 패키지 버전이 너무 낮다는 의미입니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

!=,==,!==,===사용 요약

JS 디버깅 디버깅 방법 요약

위 내용은 JS 작업 JSON에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.