JS) JSON.stringify(), JSON.parse()

https://ko.javascript.info/json

🔍 JSON (JavaScript Object Notation)

값이나 객체를 나타내주는 범용 포맷

JSON.stringify()

JavaScript 값이나 객체를 JSON 문자열로 변환해준다.

let student = {
  name: 'John',
  age: 30,
  isAdmin: false,
  courses: ['html', 'css', 'js'],
  wife: null
};

let json = JSON.stringify(student);

alert(typeof json); // 문자열이네요!

alert(json);
/* JSON으로 인코딩된 객체:
{
  "name": "John",
  "age": 30,
  "isAdmin": false,
  "courses": ["html", "css", "js"],
  "wife": null
}
*/

console.log(JSON.stringify({ x: 5, y: 6 }));
// expected output: "{"x":5,"y":6}"

console.log(JSON.stringify([new Number(3), new String('false'), new Boolean(false)]));
// expected output: "[3,"false",false]"

console.log(JSON.stringify({ x: [10, undefined, function(){}, Symbol('')] }));
// expected output: "{"x":[10,null,null,null]}"

console.log(JSON.stringify(new Date(2006, 0, 2, 15, 4, 5)));
// expected output: ""2006-01-02T15:04:05.000Z""

JSON.parse()

JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성한다.
즉, JSON으로 인코딩된 객체를 다시 객체로 디코딩 해준다.

// 문자열로 변환된 배열
let numbers = "[0, 1, 2, 3]";

numbers = JSON.parse(numbers);

alert( numbers[1] ); // 1

localStorage에 array(배열)는 저장되지 않는다.
이때 JSON.stringify()를 사용하여 array와 유사한 string으로 저장할 수 있다.
이 array와 유사한 string을 진짜 array로 변환하려면 JSON.parse()를 사용하면 된다.