JavaScript JSON parse() 메서드

정의와 사용법

JSON.parse() 메서드는 문자열을 해석하여 JavaScript 객체를 반환합니다。

이 문자열은 JSON 형식으로 작성되어야 합니다。

JSON.parse() 메서드는 결과를 변환하기 위해 함수를 선택적으로 사용할 수 있습니다。

인스턴스

예제 1

JSON 형식으로 작성된 문자열을 해석하여 JavaScript 객체를 반환합니다：

var obj = JSON.parse('{"firstName":"Bill", "lastName":"Gates"}');

개인적으로 시도해 보세요

예제 2

reviver 함수 사용 방법：

/* "city" 값을 대문자로 변경합니다：*/
var text = '{ "name":"Bill", "age":"19", "city":"Seattle"}';
var obj = JSON.parse(text, function (key, value) {
  if (key == "city") {
    반환 값.toUpperCase();
  } else {
    반환 값;
  }
});
document.getElementById("demo").innerHTML = obj.name + ", " + obj.city;

개인적으로 시도해 보세요

예제 3

서버에서 받은 JSON을 해석합니다：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myObj = JSON.parse(this.responseText);
    document.getElementById("demo").innerHTML = myObj.name;
  }
};
xmlhttp.open("GET", "json_demo.txt", true);
xmlhttp.send();

개인적으로 시도해 보세요

json_demo.txt를 확인하십시오.

문법

JSON.parse(문자열, 함수)

매개변수 값

매개변수 설명
문자열 필수. JSON 형식으로 작성된 문자열.
reviver 함수

선택 사항. 변환된 결과를 처리하는 함수. 각 항목에 대해 이 함수를 호출합니다. 내부 객체는 부모 객체 전에 변환됩니다.

이 함수가 유효한 값을 반환하면该项目 값을 변환된 값으로 대체합니다.

이 함수가 undefined을 반환하면该项目을 제거합니다.

기술 세부 사항

반환 값： JSON 객체 또는 숫자.
JavaScript 버전： ECMAScript 5

브라우저 지원

테이블에 기재된 숫자는 이 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

메서드 크롬 IE 파이어폭스 사파리 오페라
parse() 4.0 8.0 3.5 4.0 11.5

관련 페이지

JSON 강의：JSON 개요