December 14, 2021 https://zigsong.github.io/2021/03/18/wtc-lv1-youtube-classroom-log/

JSON.stringify와 LocalStorage의 저장값 - array, object

배열 [1,2,3,4]가 있을 때,

localStorage에 배열을 바로 저장하면 join된 형태 그대로 저장된다. (1,2,3,4) 이때 저장된 값은 JSON string 타입이 아니기 때문에 JSON.parse를 호출할 필요없이 즉시 사용 가능하다. (JSON.parse 호출 시 에러 발생)

반면 localStorage에 배열을 JSON.stringify로 변환하여 저장하면 배열 형태로 저장된다 ([1,2,3,4])

• JSON.stringify의 인자에 잘못된 값이 들어왔을 때 예외처리를 하자(default 부여)
• 인자에 순환 참조 (cyclic object vaue) 값이 들어왔을 경우 TypeError가 발생한다
  • undefined, 함수, 심볼(symbol)은 변환될 때 생략되거나(객체 안에 있을 경우) null 로 변환된다(배열 안에 있을 경우)

👾JSON.stringify & JSON.parse를 쓰는 이유

• 직접 객체를 선언하는 객체 리터럴 방식보다, 객체의 내용을 문자열로 변환 후 JSON.parse 메소드를 이용하는 것이 더욱 빠르다.
• JSON 문법이 JavaScript 문법보다 간단하고, 문법 파싱에 리소스가 덜 들기 때문이다.