로컬스토리지는 string 형태로만 저장이 가능해 object,boolean 등의 형태는 저장하지 못한다. 그러면 어떻게 해야할까?
const object = {name:'Lee',age:'19'};
window.localStorage.setItem('a',object);
var a = window.localStorage.getItem('a');
document.writeln(a);
// 로컬 스토리지에 오브젝트를 직접 저장했을 때는 제대로 된 값이 나오지 않고 [object] 이런식으로 나온다.
window.localStorage.setItem('b',JSON.stringify(object));
var b = window.localStorage.getItem('b');
document.writeln(b);
//JSON.stringify(?)를 이용해 object를 string으로 변환해서 저장을 하는 경우엔 제대로 값이 저장된 걸 알 수 있다.
아주 간단하다 JSON.stringify()를 이용하여 string 형태로 변환해주면 저장이 가능하다.
string 형태로 변환해주면 저장이 가능하다. 비슷하게 object를 출력할 때도 그 자체로는 출력이 되지 않기 때문에 JSON.stringify()로 변환하여 출력하면 된다.
비슷하게 JSON 객체로 변환할 때는 JSON.parse()를 사용하면 된다.
Front-End