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); 메서드를 통해서 선택 삭제가 가능합니다.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

This site uses Akismet to reduce spam. Learn how your comment data is processed.