[Javascript] sessionStorage 에 객체 저장하고 꺼내기

 

 

 

 

문제점

• sessionStorage 는 기본적으로 key, value 형태의 문자열 값을 저장할 수 있도록 한다.
• 따라서 객체의 형태를 저장할 경우 String 형태로 "[Object, Object]" 가 저장되기 때문에 getItem 하여 사용할 수 없게된다.
  • Web storage API - MDN

해결방안

• 따라서,객채형태를 value 로 저장하기 위해서는 String 으로 변환을 하거나, 별도의 prototype 을 정의해줘야한다.
• 객체형태를 String 으로 변환하여 사용하는 방법

  // keyName 이라는 이름의 key 에 objectData 이름의 객체 데이터를 세션에 저장
  sessionStorage.setItem(keyName, JSON.stringify(objectData));
  
  // keyName 이름의 String 을 가져와 JSON 형태로 다시 Parse 진행
  JSON.parse(sessionStorage.getItem(keyName));