JavaScript는 모든 데이터가 객체라는 형태로 만들어지며 그것을 참조하기 위한 변수가 필요합니다.
JavaScript Object |
JavaScript Object Notation(JSON) |
|
Boolean |
var n = new Boolean(true) |
var n = true; |
Number |
var n = new Number(3); |
var n = 3; |
String |
var n = new String("안녕"); |
var n = "안녕"; , var n = '안녕'; |
Array |
var ar = new Array(); |
var ar =[]; |
Object |
var obj = new Object(); |
var obj ={}; |
자바 스크립는 대입이라는 개념이 존재하지 않습니다. n은 값을 저장할 수없으며 참조 변수이므로 new를 통해 객체를 래퍼 클래스로 감싼 뒤 참조하도록 만듭니다. 따라서 자바스크립트는 작은 값 하나를 담기 위해서 객체화를 해야 합니다.
이의 해결책으로 Notation표기법을 사용합니다.
* 자바스크립트는 문자와 문자열을 구분하지 않습니다. 대신 html 코드 안에 자바스크립트 코드가 삽입될 경우 " "와 충돌이 일어나기 때문에 ' '으로 사용하기도 합니다.
초기화를 하기 위해 JSON을 사용하기도 합니다.
var exam = {"kor" : 30 , "eng":30, "math":30};
var ar = [3,4,5,6,exam,[7,8,9]];
JSON을 사용하면 중복된 데이터의 구조도 쉽게 표현이 가능합니다.
var notice = [
{ id: "1", title: "H" },
{ id: "2", title: "HE" },
{ id: "3", title: "HEL" },
{ id: "4", title: "HELL" },
{ id: "5", title: "HELLO" },
];
JSON parse
문자열을 자바스크립트 데이터 객체로 변환해주는 PARSER
만약 var data = '{ id: "1", title: "H" }, ' 객체가 문자열로 오는 경우 파싱 하는 방법입니다.
만약 data의 구조가 JSON의 구조와 같다면 데이터를 JSON형식으로 변환시킨 뒤 참조시킵니다.
var data = '{ id: "1", title: "H" }, '에서
var data = JSON.parse('{ id: "1", title: "H" }, ') 오류가 발생합니다.
따라서 parse를 사용할 때 key값을 문자열로 변환해주어야 합니다.
var data = JSON.parse('{ "id": "1", "title": "H" }, ')
쉽게 json형식을 문자로 변환할 수 있습니다.
JSON.stringify(data)를 사용할 경우 '{ "id": "1", "title": "H" }, '와 같이 변환됩니다.
'JavaScript' 카테고리의 다른 글
[ES6] Promise (0) | 2020.07.02 |
---|---|
생성자와 프로토타입 (0) | 2020.05.28 |
Javascript(3) (0) | 2020.05.26 |
JavaScript (2) (0) | 2020.05.13 |
JavaScript (1) | 2020.05.12 |
댓글