1. JSON

• JavaScript Object Notation 의 약자
• JavaScript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷이다.
• JSON 객체 는 JSON 을 분석하거나 값을 JSON 으로 변환하는 메소드를 가지고 있다.

1-1. JSON 문자열로 변환(stringify)

• 대입한 값을 JSON 문자열로 변환한다.
• 첫번째 인자는 변환할 대상을 받는다
• 두번째 인자는 콜백함수, 특정 키 정보를 담은 배열을 넣어 값을 변경한다.
• 세번째 인자는 들여쓰기 시 공백 개수를 의미한다.

• 첫번째 / 두번째 콘솔 결과값

  

  • ✅ 데이터 타입이 문자열임을 확인할 수 있다.
  • ✅ 두번째 인자로 넣은 배열에 담긴 key의 정보들 확인할 수 있다.

• 세번째 콘솔 결과값

  

  • ✅ 세번째 인자로 넣은 숫자 4만큼 들여쓰기 시 4칸의 공백이 생겼음을 확인할 수 있다.

• 네번째 콘솔 결과값

  

  • ✅ 두번째 인자로 넣은 콜백함수를 보면 key 가 season 이면 2021 을 반환하고 아닐 경우 원래 값을 반환한다.
  • ✅ 콘솔 결과를 보면 season 의 value 가 2017 에서 2021 로 변경됨을 확인할 수 있었다.

1-2. JSON 문자열을 JSON으로 변환(parse)

• JSON 문자열을 JSON 으로 변환한다.
• 첫번째 인자는 JSON 문자열을 받는다.
• 두번째 인자는 콜백함수, 특정 키 정보를 담은 배열 받아 값을 변경한다.
• 원시 자료형 값 중 number , boolean 은 오류 없이 실행된다.
• 나타내지 않은 문자열 또는 배열 형태의 문자열은 실행 즉시 SyntaxError 가 발생한다.

• 첫번째 콘솔 결과값

  

  • ✅ JSON 문자열이 JSON 으로 변환된 것을 확인할 수 있다.

• 두번째 콘솔 결과

  

  • ✅ 두번째 인자로 다음 콜백함수 로직처럼 season 의 value 가 2017에서 2021로 변경돼 출력됐음을 확인할 수 있다.