JSON

JSON (JavaScript Object Notation)

• 데이터를 문자열의 형태로 나타내기 위해서 사용된다. 이름이 암시하듯 JSON은 본래 자바스크립트에서 파생되었지만 현재는 거의 표준으로 자리잡아 대부분의 다른 프로그래밍 언어에서도 지원하는 데이터 포멧. JSON은 특히 네트워크를 통해 서로 다른 시스템들이 데이터를 주고 받을 때 많이 사용되기 때문에 어렵지 않게 접할 수 있다.

• JSON이 빠르게 기존에 사용되던 XML과 같은 데이터 포멧을 대체한 이유는 무엇보다도 가독성일 것입니다. JSON 포멧의 데이터는 기계뿐만 아니라 사람이 읽기에도 크게 무리가 없다.

JSON.parse()

예를들어 JSON포맷을 작성하고 obj라는 변수에 할당해본다.

const obj = {
  "name": "홍길동",
  "age": 25,
  "married": false,
  "family": { "father": "홍판서", "mother": "춘섬" },
  "hobbies": ["독서", "도술"],
  "jobs": null
}

JSON.parse()에 obj를 인자로 넘긴다.

const str = JSON.parse(obj)

str을 호출해보면

{
    name: "홍길동",
    age: 25,
    married: false,
    family: {
        father: "홍판서",
        mother: "춘섬"
    },
    hobbies: [
        "독서",
        "도술"
    ],
    jobs: null
}

자바스크립트 객체 형태로 변환되어 출력되는걸 확인할 수 있다.

이런식으로 자바스크립트 객체로 변환된 데이터는 . 이나 [] 기호를 사용하여 각 속성에 접근할 수 있다.

obj.name
< '홍길동'
obj.age
< 25
obj.married
< false
obj.family
< {father: '홍판서', mother: '춘섬'}
obj.family.mother
< '춘섬'
obj.hobbies
< ['독서', '도술']
obj.hobbies[1]
< '도술'
obj.jobs
< null

JSON.strigify()

반대로 자바스크립트 객체를 JSON형태의 객체로 변환시키는 메서드

JSON.parse()의 반대 개념으로, JSON객체로 변환시키게 되면 . 이나 [] 기호를 사용하여 데이터를 호출할 수 없음!