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]}'
'개발 > dev-patterns' 카테고리의 다른 글
| 자바스크립트 코딩 기법과 핵심 패턴 - 함수 (0) | 2019.08.05 |
|---|---|
| 자바스크립트 코딩 기법과 핵심 패턴 - 에러 객체 (0) | 2019.08.02 |
| 자바스크립트 코딩 기법과 핵심 패턴 - 배열 리터럴 (0) | 2019.08.02 |
| 자바스크립트 코딩 기법과 핵심 패턴 - new를 강제하는 패턴 (0) | 2019.08.01 |
| 자바스크립트 코딩 기법과 핵심 패턴 - 사용자 정의 생성자 함수 (0) | 2019.08.01 |