> 웹 프론트엔드 > 프런트엔드 Q&A > JSON 형식 데이터를 JavaScript 개체로 변환하는 방법

JSON 형식 데이터를 JavaScript 개체로 변환하는 방법

PHPz
풀어 주다: 2023-04-21 09:33:29
원래의
3942명이 탐색했습니다.

JSON(JavaScript Object Notation)은 경량 데이터 교환 형식인 JavaScript Object Notation입니다. JSON은 텍스트로 저장되어 전송되며 읽기 쉽고 유지 관리가 용이하며 웹 애플리케이션에서 널리 사용됩니다.

JavaScript에서는 JSON 형식의 데이터를 JavaScript 개체로 변환하여 쉽게 사용할 수 있습니다. JSON 형식을 JavaScript 개체로 변환하는 몇 가지 방법은 다음과 같습니다.

방법 1: JSON.parse() 메서드를 사용하세요
JSON.parse() 메서드는 JSON 문자열을 JavaScript 개체로 변환할 수 있습니다. 이 메소드는 JSON을 나타내는 문자열을 매개변수로 전달받아 자바스크립트 객체를 반환합니다. 다음은 JSON.parse() 메소드를 사용한 예시이다.

var jsonStr = '{"name":"Lucy","age":25,"gender":"female"}';
var jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name);        // 输出:Lucy
console.log(jsonObj.age);         // 输出:25
console.log(jsonObj.gender);      // 输出:female
로그인 후 복사

방법 2: eval() 메서드 사용
일부 오래된 브라우저에서는 JSON.parse() 메서드가 지원되지 않을 수 있습니다. eval() 메서드를 사용하여 JSON 문자열을 JavaScript 개체로 변환할 수 있습니다. eval() 메서드는 수신 문자열을 JavaScript 코드로 실행하므로 수신 문자열의 보안에 특별한 주의를 기울여야 합니다.

다음은 eval() 메소드를 사용한 예입니다.

var jsonStr = '{"name":"Lucy","age":25,"gender":"female"}';
var jsonObj = eval('(' + jsonStr + ')');
console.log(jsonObj.name);        // 输出:Lucy
console.log(jsonObj.age);         // 输出:25
console.log(jsonObj.gender);      // 输出:female
로그인 후 복사

주의해야 할 점은 eval() 메서드를 사용할 때 JSON 문자열을 괄호로 묶어야 하며, 그렇지 않으면 구문 오류가 발생한다는 것입니다. 또한 eval() 메서드는 들어오는 문자열을 JavaScript 코드로 실행하므로 들어오는 문자열의 보안에 특별한 주의를 기울여야 하며 신뢰할 수 없는 데이터를 처리하는 데 이 메서드를 사용하지 마십시오.

방법 3: Function() 메서드 사용
eval() 메서드와 유사하게 Function() 메서드를 사용하여 JSON 문자열을 JavaScript 개체로 변환할 수 있습니다. Function() 메서드는 전달된 문자열을 함수 본문으로 사용하여 새 함수를 생성하고 함수를 즉시 실행합니다. 또한 문자열 보안에도 특별한 주의를 기울여야 합니다.

다음은 Function() 메소드를 사용한 예입니다.

var jsonStr = '{"name":"Lucy","age":25,"gender":"female"}';
var jsonObj = (new Function('return ' + jsonStr))();
console.log(jsonObj.name);        // 输出:Lucy
console.log(jsonObj.age);         // 输出:25
console.log(jsonObj.gender);      // 输出:female
로그인 후 복사

Function() 메서드를 사용할 때 JSON 문자열을 함수 본문으로 "return"과 연결해야 합니다. 그렇지 않으면 구문 오류가 발생합니다. 동시에 수신 문자열의 보안에 특별한 주의를 기울여야 합니다.

요약
위에서는 JSON 형식을 JavaScript 객체로 변환하는 세 가지 방법인 JSON.parse() 메서드, eval() 메서드 및 Function() 메서드를 소개합니다. 실제 사용에서는 데이터 변환을 위해 JSON.parse() 메소드를 사용하는 것이 더 안전하고 효율적이기 때문에 권장됩니다.

위 내용은 JSON 형식 데이터를 JavaScript 개체로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿