본문 바로가기
JavaScript

JSON

by oncerun 2020. 5. 27.
반응형

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

댓글