JSON.parse()

JSON은 웹 서버와 데이터를 상호 교환하는데 주로 사용됩니다.

웹 서버에서 데이터를 수신 할 때, 데이터는 항상 문자열입니다.

JSON.parse()로 데이터를 파싱하면, 그 데이터는 자바스크립트 객체가 됩니다.


예제 – JSON 파싱

웹 서버에 이 데이터를 수신했다고 상상합니다:


'{ "name":"John", "age":30, "city":"New York"}'

JSON.parse() 자바스크립트 함수를 사용하여, 텍스트를 자바스크립트 객체로 변환합니다:


var obj = JSON.parse('{ "name":"John", "age":30, "city":"New York"}');

페이지에 자바스크립트 객체를 사용합니다:

Example

JSON 문자열에서 객체 생성

John, 30



서버에서 JSON

AJAX request를 사용하여, 서버에서 JSON을 요청할 수 있습니다.

서버의 응답이 JSON 형식으로 작성된 경우, 문자열을 자바스크립트 객체로 파싱할 수 있습니다.

Example

XMLHttpRequest를 사용하여 파일의 내용을 가져옵니다.

JSON 형식으로 작성된 내용은 쉽게 자바스크립트 객체로 변환될 수 있습니다.

John


json_demo.txt를 살펴 보십시오.


JSON으로 배열

배열에서 가져온 JSON에 JSON.parse()를 사용하면, 이 메소드는 자바스크립트 객체 대신 자바스크립트 배열을 반환합니다.

Example

내용을 배열로.

JSON 배열로 작성된 내용은 자바스크립트 배열로 변환됩니다.

Ford


json_demo_array.txt를 살펴보십시오.


예외

Dates 파싱

Date 객체는 JSON에서 사용할 수 없습니다.

날짜를 포함해야 하는 경우, 이를 문자열로 작성합니다.

나중에 다시 날짜 객체로 변환할 수 있습니다:

Example

문자열을 date 객체로 변환.

John, Sun Dec 14 1986 09:00:00 GMT+0900 (대한민국 표준시)


또는 reviver라는 JSON.parse() 함수의 두 번째 매개변수를 사용할 수 있습니다.

reviver 매개변수는 값을 반환하기 전에, 각각의 속성을 확인하는 함수입니다.

Example

문자열을 date 객체로 변환.

John, Sun Dec 14 1986 09:00:00 GMT+0900 (대한민국 표준시)


파싱 함수

JSON에서 함수는 허용되지 않습니다.

함수를 포함해야하는 경우, 문자열로 작성합니다.

나중에 다시 함수로 변환할 수 있습니다:

Example

문자열을 함수로 변환.

John, 30



브라우저 지원

JSON.parse() 함수는 모든 주요 브라우저와 최신 ECMAScript(자바스크립트) 표준에 포함되어 있습니다:

Web Browsers Support
  • Firefox 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4

이전 브라우저는 https://github.com/douglascrockford/JSON-js에서 자바스크립트 라이브러리를 사용할 수 있습니다.

출처: JSON.parse()

Leave a comment