[JS] JSON.stringify() 와 JSON.parse()

localStorage는 배열을 저장할 수 없다.

그래서 string으로 만들어 저장하고 그 string을 다시 배열로 변환해 사용해야 하는데 그 역할을

이 두 내장 함수가 아주 쉽게 하도록 도와주는 역할을 한다.

 

JSON.stringify()

먼저 JSON.stringify()는 배열을 string으로 변환해 주는 역할을 한다.

localStorage.setItem(KEY, JSON.stringify(VALUE));
// 배열 모양의 string이 저장됨. => ['a', 'b', 'c'] 자체의 string

value가 배열이라면 이런 식으로 저장할 수 있다.

하지만 localStorage.getItem(Key);처럼 사용한다면 배열을 다시 사용할 수 없는 문제가 있다.

그래서 사용하는 것이 다음과 같다.

 

JSON.parse()

JSON.parse(localStorage.getItem(KEY));
// 배열 모양으 string을 다시 배열로 사용할 수 있도록 나누어줌

이렇게 사용하면 string을 array로 바꾼 값을 return 하기 때문에

localStorage에 넣기 전과 동일하게 사용이 가능하다.