JSON이 도대체 뭘까?

String - "로 묶여야 함

Number

Object - {로 시작하고 }로 끝내어 표현함, name뒤에 :를 붙이고 ,로 구분

Array - [로 시작하고 ]로 끝냄, ,로 값을 구분

Boolean

Null

JSON의 구조

{
    "characters" : [
      {
        "name": "archer",
        "level": 1,
        "inventory": null,
        "hardcore": false
      },
      {
        "name": "knight",
        "level": 8,
        "inventory": ["sword", "shield"],
        "hardcore": true
      }
    ]
}

위와 같은 형식을 사용하는데 크게 두 개의 구조를 기본으로 두고 있다.

name/value 쌍의 집합이며 비 순서화 되어있음

{
  "name": "archer",
  "level": 1,
  "inventory": null,
  "hardcore": false
}

값들의 리스트 형식이며 순서화 되어있음

[{"name": "archer", "level": 5}, 10, "bag"]

Javascript JSON 메서드

Javascript에서 사용할 수 있는 JSON 메서드 두 가지에 대해서 간단히 알아보려고 한다👨🏼‍🎓

JSON.stringfy

Object를 JSON으로 변환해 주는 메서드

JSON.stringify(value[, replacer[, space]])

각 매개변수의 기능은 여기🐱

const archer = {
  name: 'kyle',
  class: 'archer',
  level: 5,
  shot: () => {
    console.log(`${archer.name} shot the enemy!`);
  },
}

let json = JSON.stringify(archer);
console.log(json);

/* JSON으로 변환된 Object: 
{
  "name":"kyle",
  "class":"archer",
  "level":5
}
*/

Object를 JSON으로 변환하면 '는 자동으로 "로 변환됨
JSON.stringify를 사용하여 변환할 때 undefined, function 그리고 symbol은
변환 될 때 생략(object안에 있을 경우) 되거나 null(array안에 있을 경우)로 변환됨

JSON.parse

JSON을 Object로 변환해 주는 메서드

JSON.parse(text[, reviver])

각 매개변수의 기능은 여기🐶

const json = '{"name":"kyle","class":"archer","level":5}';
let jsonToJs = JSON.parse(json);
console.log(jsonToJs);

/* Object로 변환된 JSON:
{name: "kyle", class: "archer", level: 5}
*/