230627) localStorage로 객체를 저장하고자 할 때 방법

기본적으로 로컬스토리지에는 문자열로 저장되기 때문에 object, object로 저장된다

ex) localStorage.setItem("상품명", {name: "멋있는 티셔츠", 가격: 10000})
-> Object, object

따라서 setItem을 할 때 JSON.stringify를 이용해 로컬 스토리지에 저장한다.
ex) localStorage.setItem("상품명", JSON.stringify({name: "멋있는 티셔츠", 가격: 10000}))
  
이렇게 해서 getItem으로 데이터를 불러와 보면 문자열 속에 갇혀있는 객체로 데이터가 저장된다.
ex)  localStorage.getItem("상품명")
-> '{"name":"멋있는 티셔츠","가격":10000}'


따라서 문자열 속성을 삭제하기 위해 마지막으로 불러 올때 JSON.parse를 이용하면
ex) JSON.parse(localStorage.getItem("상품명"))
-> {name: '멋있는 티셔츠', 가격: 10000}

이처럼 객체형태로 데이터가 불러와진다.

 

오늘도 잘 해냈다!