Javascript Code (ES5)

// set array to localstorage
// param "key" should be string type (ex. "keyName")
function setLocalArray(key, data) {
localStorage.setItem(key, JSON.stringify(data));
}

// param "key" should be string type (ex. "keyName")
function getLocalArray(key) {
return JSON.parse(localStorage.getItem(key));
}

// testArray
var testArray = [
"hello",
"world",
"javascript"
];

 

Javascript Code (ES6)

// set array to localstorage
// param "key" should be string type (ex. "keyName")
const setLocalArray = (key, data) => {
localStorage.setItem(key, JSON.stringify(data));
}

// param "key" should be string type (ex. "keyName")
const getLocalArray = (key) => {
return JSON.parse(localStorage.getItem(key));
}

// testArray
let testArray = [
"hello",
"world",
"javascript"
];

 

Console

setLocalArray("testArrayKey", testArray);
let recvArray = getLocalArray("testArrayKey");
console.log(recvArray);
console.log(recvArray.length);

 

Screenshots

 

Comment & Discussion

 

JSON 오브젝트를 저장할 때도 동일한 방법으로 JSON.stringify, JSON.parse를 통해 string에서 JSON 오브젝트를 추출하면 됩니다. 위의 코드를 예로 들면 recvArray.property와 같은 방법으로 객체의 각 속성에 접근할 수 있습니다.

localstorage에 저장된 데이터를 삭제하고 싶을 때는 localStorage.removeItem(key); 메서드를 통해서 선택 삭제가 가능합니다.

답글 남기기

이메일 주소는 공개되지 않습니다.

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.