[자바스크립트] JSON 객체

[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

[참고자료]

- MDN, JSON : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON

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