[TIL - 2022.8.22 JSON.stringify, Tree UI]

오늘 공부한 내용

JSON.stringify vs JSON.parse

JSON.stringify : 객체를 JSON으로 변경, 이 과정을 serialize(직렬화)라고 한다.

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

JSON.parse : JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성한다. 이 과정을 deserialize(역직렬화)라 한다.

const json = '{"result":"age", "count":42}';
const obj = JSON.parse(json);

console.log(obj);
// Object { result: "age", count: 42 }

JSON.stringify와 DOM을 재귀를 이용해서 복습해 보는 시간을 가졌다.

느낀 점

JSON.stringify 과제에서 객체가 input으로 들어올 때 함수와 undefined도 객체인 점을 고려해서 작성을 했어야 하는데 그 부분에 대해서 생각하는데 애를 좀 썼다.

그래도 JSON.stringify가 내부적으로 어떻게 돌아가는지 알아볼 수 있었다.

참고 자료 - https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON