[JavaScript] JSON

JSON(JavaScript Object Notation)

자료를 표현하는 방식, 데이터 교환시 주로 사용

CSV, XML, CSON 등이 있지만 현재 웹에서 가장 많이 사용하는 방식

 

1. { "key" : "value"} 형태로 작성
2. 값 (value)는 문자열, 숫자, 불린형만 가능 (함수 x)
3. 키 (key)에 반드시 큰 따옴표 필수.
4. 값의 문자열도 반드시 큰 따옴표 필수
5. 객체와 달리 마지막 프로퍼티나 자료에 쉼표(,)는 쓰지 않는다.

 

자료가 하나일 때

중괄호로 감싸고 프로퍼티와 자료를 쉼표(,)로 구분

{
	"id" : 1,
    "prefix" : "ht",
    "body" : false
}

자료가 여러개일 때

대괄호로 감싸고 각 중괄호와 그 안의 프로퍼티 및 자료를 쉼표(,)로 구분

[
    {
        "id" : 1,
        "prefix" : "ht",
        "body" : false
    },
    {
        "id" : 2,
        "prefix" : "js",
        "body" : true
    }
}

 

---

 

JSON은 자바스크립트에서 사용할 목적으로 만들어진 포맷이지만 라이브러리를 사용하면 자바스크립트가 아닌 언어에서도 JSON을 충분히 다룰 수 있기 때문에 데이터 교환 목적으로 사용하는 경우가 많음.

 

자료를 JSON 문자열로 변환

JSON.stringify(자료명);

  console.log(JSON.stringify(data));
  
    // 데이터명, 추출하고 싶은 속성(보통은 null), 들여쓰기 사이즈
  console.log(JSON.stringify(data, null, 2));

  //data를 JSON 문자열로 변환하여 상수에 대입
  const json = JSON.stringify(data);

  console.log(json);

JSON 문자열을 다시 자바스크립트 배열 형태의 객체로 변환

  console.log(JSON.parse(json));

 

---