1. 정의
JavaScript Object Notation
자바스크립트 객체의 형태를 가지는 문자열.
2. 특징
-
객체, 배열, 문자열, null, Boolean 만 담을 수 있음
-
Key-Value 쌍으로 이루어짐
-
Key는 따옴표로 묶이지 않고 Value는 '나 " 따옴표로 묶임.
3. JSON 내장 함수
3_1 JSON.stringify()
Interface | JSON.stringify(javascript object) |
Input | JavaScript Object |
Output | JSON String |
Function |
JavaScript Object를 JSON String으로 변환
|
※JSON String은 모두 "" 쌍따옴표로 묶임
3_2 JSON.parse()
Interface | JSON.parse(JSON String) |
Input | JSON String |
Output | JavaScript Object |
Function |
JSON String을 JavaScript Object로 변환. |
4. 예제
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
JavaScript vs JSON object
var JSONobj = {
name: "KSH",
group: "Naksung-University",
Address: "Seoul City"
};
console.log(JSONobj);
// stringify() : Javascript 객체를 JSON 문자열로 변환
// parse(): JSON 문자열을 자바스크립트 객체로 변환.
console.log(JSON.stringify(JSONobj));
|
1
2
3
4
5
6
7
8
9
10
|
var JSONobj = {
name: "KSH",
group: "Naksung-University",
Address: "Seoul City"
};
console.log(JavaScriptObject);
|
5. JSON 존재이유?
JavaScript vs JSON object
JSON은 객체, 배열, 숫자, 문자열, 불리언과 null을 직렬화하기 위한 구문으로, JavaScript 구문에 기반을 두고 있지만 분명한 차이점을 가지고 있습니다. 즉, 어떤 JavaScript는 JSON이 아닙니다 -- 출처: MDN
Network상에서 주고받는 object는 모두 직렬화가 이루어지게된다.
read, wrtie Buffered
JSON은 직렬화된 형태의 객체로 Network 상 Interaction에 필수이다.
'Web > Javascript' 카테고리의 다른 글
선언 vs 익명 함수 우선순위 (0) | 2019.10.16 |
---|---|
JavaScript 배열 (0) | 2019.10.16 |
Call Back 함수 (0) | 2019.10.15 |
5. 객체 뽀개기 (0) | 2019.10.08 |
2. document.querySelector(); (0) | 2019.10.05 |