본문 바로가기

💻WEB FrontEnd/프레임워크 React

localStorage

1. localStorage 문법 

추가, 읽기, 삭제 문법

localStorage.setItem('데이터이름', '데이터');
localStorage.getItem('데이터이름');
localStorage.removeItem('데이터이름')

 

2. localStorage에 array/object 자료를 저장하려면

문자만 저장할 수 있는 공간이라 array/object를 바로 저장할 수는 없다.

편법으로 array/object -> JSON 이렇게 변환해서 저장하면 된다.  (JSON은 문자취급) 

JSON.stringify() 라는 함수에 array/object를 집어넣으면 그 자리에 JSON으로 변환된걸 남겨준다.

localStorage.setItem('obj', JSON.stringify({name:'kim'}) );

JSON -> array/object 변환하고 싶으면 JSON.parse()를 쓰면 된다.

var a = localStorage.getItem('obj');
var b = JSON.parse(a)