[JavaScript] localStorage 저장하기 JSON.stringify(), JSON.parse()

localStorage는 문자열만 저장할 수 있기 때문에 JavaScript 배열이나 객체를 저장하려면

JSON.stringify()로 JSON 문자열로 변환하고, 불러올 때는 JSON.parse()로 다시 배열/객체로 변환해야 한다.

 

 

 

 

JSON.stringify()

 

 

배열이나 데이터를 문자열로 변환하는 함수

왜 변환하는가? localStorage는 문자열만 저장 가능하기 때문.

JSON.stringify([1,2,3]) // "[1,2,3]"

 

 

---

 

 

JSON.parse()

 

문자열을 다시 원래 데이터 형태로 되돌려주는 함수

JSON.parse("[1,2,3]") // [1, 2, 3]

 

 

 

 

정리 

• localStorage는 문자열만 저장할 수 있다.
• JSON.stringify() : 배열/데이터 → 문자열로 변환
• JSON.parse() : 문자열 → 다시 배열/데이터로 복구