[Javascript] localStorage

◎ 추가

localStorage.setItem('key', 'value’);

◎  읽기

var value = localStorage.getItem(’key’);

◎  삭제

localStorage.removeItem(’key’);

◎ 전체삭제

localStorage.clear();

◎ 전체 갯수 확인

localStorage.length;

◎ Index로 키 값 찾기

var key = localStorage.key(0);

◎ 모든 Key와 Value 가져오기

for(i=0; i<localStorage.length; i++) { 
    var key = localStorage.key(i); 
    var value = localStorage.getItem(key); 
    console.log(key + " : " + value); 
}

◎ localStorage JSON을 이용한 Array/Object 저장

localStorage.setItem('json_str', JSON.stringify({'key':'value'}) );
var strJson = localStorage.getItem('json_str');
var objJson = JSON.parse(strJson);

JSON.stringify 를 이용 문자열로 변경후 저장하고, 읽을때는 JSON.parse를 이용다시 객체형태로 변경해서 사용하면 된다.

---

※ 참고 사항

원래는 window객체를 붙여서 window.localStorage 사용해야 하지만 window객체를 제외하고 사용해도 정상 동작한다.

localStorage는 오직 문자형 데이터만 지원한다. 숫자형 데이터를 저장하고 꺼내서 읽어보면 문자열로 반환된다.