>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 JSON 데이터를 구문 분석하는 세 가지 방법

JavaScript에서 JSON 데이터를 구문 분석하는 세 가지 방법

高洛峰
高洛峰원래의
2017-02-17 16:54:561465검색

개요

이제 웹 개발에서 JSON 형식이 점점 더 주목을 받고 있으며, 특히 Ajax를 사용하여 프로젝트를 개발하는 과정에서 JSON 형식 문자열을 반환해야 하는 경우가 많습니다. 프런트 엔드는 이를 JS 개체(JSON)로 구문 분석합니다.
ECMA-262(E3)는 JSON 개념을 표준에 작성하지 않았습니다. 다행스럽게도 전역 JSON 객체와 Date의 toJSON 메서드를 포함하여 JSON 개념이 ECMA-262(E5)에 공식적으로 도입되었습니다.
JSON 데이터를 구문 분석하는 세 가지 방법

eval() 메서드

JSON 데이터를 구문 분석하는 가장 일반적인 방법은 javascript eval() 메서드를 사용하는 것입니다. 코드는 다음과 같습니다.

function toJson(str){
 var json = eval('(' + str + ')');
 return json;
}


이 방법은 성능 및 보안 문제가 있으므로 권장하지 않습니다.
새 함수 메서드

function toJson(str){
 var json = (new Function("return " + str))();
 return json;
}


JSON.parse() 메서드
이 메서드는 IE8/Firefox3.5+/Chrome4만 지원합니다. / Safari4/Opera10 이상에서는 이러한 브라우저는 W3C 표준에 가깝고 기본적으로 toJSON 메서드를 구현합니다.

function toJson(str){
 return JSON.parse(str);
}


json2.js는 브라우저가 기본적으로 JSON.parse를 지원하고 ES5와 API 호환되는 경우 기본 버전을 사용합니다. ES5가 아직 완전히 대중화되지 않은 현재 상황에서 John Resig는 현재 ES5와 호환되는 API를 사용하고 향후 ES5로 원활하게 전환할 수 있도록 주로 json2.js를 사용할 것을 권장합니다. 가져오기를 제거하고 전환하기만 하면 됩니다.

JSON 데이터를 JavaScript로 구문 분석하는 세 가지 방법에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

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