[JavaScript] 자바스크립트 JSON의 정의와 메서드

JSON이란?

 JSON은 JavaScript Object Notation의 약자로, 클라이언트와 서버가 간에 정보를 교환하기 위한 데이터 형태입니다. 자바스크립트 객체에 여러 가지 프로퍼티와 값을 넣어서 전달하고자 하는 값들을 JSON의 형태로 Ajax를 통해 전송하게 됩니다. 

JSON Object

 기본적인 JSON의 형태는 자바스크립트 객체와 비슷하게 생긴 JSON Object라는 형태입니다.

 

기본 사용법

var obj = {"프로퍼티" : 값};

중괄호 안에 프로퍼티명을 큰따옴표 안에 입력하고 ':' 옆에는 해당 값을 입력합니다. 이런 형태를 JSON Object라고 합니다. JSON Object에서 프로퍼티의 값으로는 아래와 같은 타입이 올 수 있습니다.

 

String

{"name": "kim"}

문자열 값은 따옴표로 감싸줍니다.

 

number

{"age": 30}

숫자는 그대로 입력합니다.

 

객체(Object)

{
"people":{"name":"Kim", "age":30, "city":"Seoul"}
}

프로퍼티의 값으로 오브젝트 덩어리 자체가 들어갈 수 있습니다.

 

배열

{
"employees": [ "John", "Anna", "Peter" ]
}

배열이 들어갈 때는 중괄호가 아닌 대괄호가 들어갑니다.

 

Boolean

{"sale": true}

 

null

{"middlename":null}

 

JSON.parse

JSON.parse는 JSON Object 문자열을 파라미터로 받아 JSON Object로 반환하는 함수입니다.

 

기본 사용법

JSON.parse(JSON Object 문자열)

Ajax로 JSON 정보를 주고받을 때 JSON Object에 따옴표를 붙여 문자열의 형태로 정보를 받기 때문에, 자바스크립트에서 쉽게 접근하기 위해 문자열을 다시 JSON Object 형태로 변환할 때 사용합니다.

 

예시

var obj = JSON.parse('{ "name":"Kim", "age":30, "city":"Seoul"}');
// obj = { "name":"Kim", "age":30, "city":"Seoul"} 가 들어감

 

JSON.stringify

JSON.parse와는 다르게 JSON Object를 문자열로 만들어 주는 함수입니다.

 

기본 사용법

JSON.stringify(JSON Object);

ajax로 정보를 보낼 때는 JSON Object를 문자열의 형태로 전송하기 위해 사용됩니다.

 

예시

var obj = { name: "Kim", age: 30, city: "Seoul" };
var myJSON = JSON.stringify(obj);
// myJSON = '{ name: "Kim", age: 30, city: "Seoul" }'