본문 바로가기

Front-End: Web/JavaScript

JSON과 Javascript Object의 차이

반응형

JSON은 객체, 배열, 숫자, 문자열, boolean, null을 직렬화하기 위한 구문으로, Javascript 구문에 기반을 두고 있으나 둘은 엄밀히 다른 개념이다. (*JSON이란?)

 

1) 속성명

JSON에서 속성명은 반드시 큰따옴표로 표시된 문자열이어야 한다. 후행 쉼표는 허용되지 않는다.

Javascript Object는 상관없다. 그냥 키-속성값으로 구성되기만 하면 된다.

 

2) JSON.parse()

JSON.parse() 메서드에 JSON 포맷의 객체를 넣으면 자바스크립트 객체로 변환된다.

 

3) 후행 쉼표

JSON에서 후행 쉼표는 허용되지 않지만, 자바스크립트 객체에서는 허용된다.

 

4) 숫자

JSON에서 선행 0은 허용되지 않는다. 또한 소숫점 뒤에는 적어도 한 자릿수가 뒤따라야 한다. NaN와 Infinity는 지원하지 않는다.

 

 

 ❗ 요약 

  Javascript Object JSON
속성명 - 큰따옴표로 표시된 문자열
타입 Object
변환 JSON.parses(JSON) ➡ Javascript Object
후행 쉼표 허용됨 허용되지 않음
지원하지 않는 값 - - 선행 0
- 소숫점(.) 뒤에 한 자릿수가 없는 숫자
- NaN
- Infinity
- 함수

 

 

 


참고 자료

 

JSON 과 javascript Object 차이

JSON 과 JS Object는 유사한 구조를 갖지만 엄밀하게 다른 개념입니다. JS Object is a structure in script engine's memory, JSON is a way do describe the content of that object in a text file. Object는..

victorydntmd.tistory.com

 

 

JSON - JavaScript | MDN

JSON JSON 객체는 JavaScript Object Notation(JSON)을 분석하거나 값을 JSON으로 변환하는 메서드를 가지고 있습니다. JSON을 직접 호출하거나 인스턴스를 생성할 수 없으며, 두 개의 메서드를 제외하면 자신

developer.mozilla.org

 

반응형

'Front-End: Web > JavaScript' 카테고리의 다른 글

JavaScript란?  (0) 2021.04.25
JSON와 JSON 메서드  (0) 2021.04.16
객체와 생성자 함수  (0) 2021.04.16
[작성중]프로토타입(Prototype)  (0) 2021.04.16
이벤트의 모든 것: on, addListener, onclick, addEventListener  (0) 2021.04.14