반응형

 

 

 

 

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  →  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

 

 

 

 

 

 

반응형
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기