[javascript] localStorage에 배열로 저장하고 가져오는 방법

배열을 localStorage에 그냥 setItem 으로 저장하면 텍스트 형식으로 저장돼서 불러올때 for문으로 돌리면 한글자씩 출력된다. 

배열을 배열형태로 저장하기 위해 JSON.stringify() 로 감싸주었다. 

<!-- 배열 형태로 localStorage에 저장 -->

array = [1,2,3]
localStorage.setItem('name',JSON.stringify(array));

<!-- localStrage에서 가져오기 -->

var todo = localStorage.getItem('name');
JSON.parse(todo);

 

아래 캡쳐에서보면, localStorage의 todo 라는 Key 에 값이 배열형태로 저장된걸 확인할 수 있다.

 

전체 코드

https://github.com/choihana/backendschool/blob/main/todolist.html

GitHub - choihana/backendschool