Json과 JavaScript Object
▶ JSON (JavaScript Object Notation)
- JSON은 "키-값 쌍"으로 이루어진 데이터 오브젝트를 전달하기 위한 표준 포맷이다.
- 주로 서버와 클라이언트의 통신을 위해 사용하며 XML을 대체하는 주요 데이터 포맷이다.
- 자바스크립트에서 파생되었기 때문에 자바스크립트의 형식을 따르지만 언어 독립형 데이터 포맷이다.
- 즉, 프로그래밍 언어나 플랫폼에 독립적이므로 C/C+/C#, JAVA, Python 등 다른 언어에서도 쉽게 이용할 수 있다.
- 자료형에는 Number, String, Array, Object가 있다.
▶ JavaScript Object
- JS Object는 JS Engine 메모리 안에 있는 데이터 구조이다.
- JS Object는 서버-클라이언트 통신에 이용할 수 없다.
▶ JSON과 JavaScript Object의 표기법 차이
▶ JSON → JavaScript Object :: JSON.parse()
const str=`{"data":[{"name":"Jinny", "age":28}]}`;
obj=JSON.parse(str)
console.log("name: ",str.data[0].name) // Uncaught TypeError: Cannot read property '0' of undefined
console.log("name: ",obj.data[0].name) // name: Jinny
▶ JavaScript Object → JSON :: JSON.stringify()
const obj = {data:[{name:'Jinny', age:28}]};
str=JSON.stringify(obj) console.log(str) //{"data":[{"name":"Jinny", "age":28}]}
console.log(typeof(str)) //string
# 참고사이트
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify
'Frontend > JavaScript' 카테고리의 다른 글
[JS] 자바스크립트 상속과 프로토타입 (0) | 2021.07.27 |
---|---|
[JS] 자바스크립트 예외처리 (0) | 2021.07.24 |
[JS] 자바스크립트로 CSS 속성 변경하기 (0) | 2021.07.23 |
[JS] 자바스크립트로 HTML 클래스 제어하기 (0) | 2021.07.21 |
[JS] 동기식과 비동기식 (+Call Stack) (0) | 2021.07.13 |
최근댓글