자바스크립트 코딩 기법과 핵심 패턴 - JSON 다루기

JSON 다루기

JSON은 자바스크립트 객체 표기법(JavaScript Object Notation)의 준말로 데이터 전송 형식의 일종이다.

JSON을 다룰때는 JSON.parse()를 사용하는것이 최선책이다.

// 입력되는 JSON 문자열

var jstl = '{"mykey": "myValue"}';

// 안티 패턴

var data = eval('(' + jstl + ')');

console.log(data.mykey);

// 권장안

var data = JSON.parse(jstl);

console.log(data.mykey);

JUI3을 사용하면 다음과 같이 쓸 수 있다.

// 입력되는 JSON 문자열

var jstl = '{"mykey": "myValue"}';

// JUI 인스턴스를 사용하여 문자열을 파싱하고 객체로 변환한다.

YUI().use('json-parse', function(Y){

var data = Y.JSON.parse(jstl);

console.log(data.mykey); // myValue

})

jquery에는 parse.JSON() 이라는 메서드가 있다.

// 입력되는 JSON 문자열

var jstl = '{"mykey": "myValue"}';

var data = jQuery.parseJSON(jstl);

console.log(data.mykey); // 'myValue'

JSON.parse() 메서드의 반대는 JSON.stringify()다. 이 메서드는 객체 또는 배열을 인자로 받아 JSON 문자열로 직렬화 한다.

var dog = {

name : "fido",

dob: new Date(),

legs: [1,2,3,4]

};

var jsonstr = JSON.stringify(dog);

console.log(jsonstr);

// '{"name":"fido","dob":"2019-08-02T07:29:35.248Z","legs":[1,2,3,4]}'