본문 바로가기
javascript

[자바스크립트] JSON 객체

by jinbro 2017. 6. 17.
[JSON이란]
- Javascript Object Notion의 줄임말
- 자바스크립트 Object 형태의 경량의 데이터 포멧 :자바스크립트로 파생되었지만 독립형 데이터 포멧
- 서로 다른 시스템 간 객체를 교환할 수 있음 : 자바스크립트 - 서버 간 통신할 때 유용(AJAX)
- 사람, 기계 모두 이해하기 쉽고 용량이 작음
- key - value 형식 : { key: value } : 문자열은 ""로 묶어야하며, 배열은 [ ]
{
     "name": "jinbro",
     "age": 26,
     "major": "digital media"
}




[자바스크립트 JSON 객체]
- JSON 객체 : JSON을 다루는 메서드 포함
- IE6 이하 버젼부터는 JSON 객체를 지원하지않음 : 따로 코드를 삽입해야함
- 메서드
1) JSON.parse() : 문자열을 JSON으로 변환
2) JSON.stringify() : JSON을 문자열로 변환

- 사용해보기
/* JSON.parse 사용 */
let dataString = '{\
    "name": "jinbro",\
    "age": 26,\
    "major": "digital media"\
}';
// "{  "name": "jinbro",    "age": 26,    "major": "digital media"}"

let result = JSON.parse(dataString); // Object {name: "jinbro", age: 26, major: "digital media"}

/* JSON.stringify 사용 */
JSON.stringify(result); // "{"name":"jinbro","age":26,"major":"digital media"}"



[더하기]
- AJAX : XMLHttpRequest 객체 사용(web browser - nodejs was 통신), https://developer.mozilla.org/ko/docs/AJAX/Getting_Started


[참고자료]

- json.org, Introducing JSON : http://json.org/




댓글