FrontEnd/Angular

localStroage에 json데이터 담기

철철22 2018. 7. 23. 10:34
반응형

Angular를 사용하면서 JSON으로 받은 데이터를 localStorage에 담을일이 생겼다.


처음에는 어떻게 해야하나 싶었는데 결국에는 JSON을 String으로 변환시킨 

후에 나중에 사용할 때 파싱을 통해 JSON 데이터로 다시 변환시키면 된다.




var testObject = { 'one': 1, 'two': 2, 'three': 3 };

// Put the object into storage , String 으로 데이터를 저장
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the object from storage, 담겨져 있는 데이터 가져오기
const retrievedObject = localStorage.getItem('testObject');

// Object로 데이터를 파싱
console.log('retrievedObject: ', JSON.parse(retrievedObject));

// 다른 객체에 옮기기
JSON.parse(retrievedObject)).forEach( vo => {
    const req = new NumVO();
    req.one = vo.one
    req.two = vo.two
    req.three = vo.three
});


이런식으로 사용하면 된다.

반응형