상세 컨텐츠

본문 제목

toJSON(), JSON.stringify()

JavaScript

by 폴리프레임 2024. 6. 18. 21:42

본문

반응형

toJSON()와 JSON.stringify()는 JSON 데이터를 처리할 때 사용되는 방법으로 용도는 다음과 같습니다.

 

toJSON()

  1. toJSON()는 객체의 사용자 정의 메서드로, 객체를 JSON 문자열로 변환할 때 호출됩니다. 객체의 속성을 JSON 표현으로 변환하는 방법을 지정할 수 있습니다.
  2. 객체의 특정 형식을 JSON 변환할 때 유용합니다. 예를 들어, 객체의 일부 속성만 포함하거나 다른 형식으로 변환하고 싶을 때 사용합니다.
  3.  toJSON() 메서드는 JSON.stringify()를 호출할 때 자동으로 호출됩니다. 직접 호출하는 것은 일반적이지 않습니다.
const user = {
  name: "John",
  age: 30,
  toJSON: function() {
    return { name: this.name }; // age 속성은 제외됨
  }
};

const jsonString = JSON.stringify(user);
console.log(jsonString); // {"name":"John"}

JSON.stringify()

  1. JSON.stringify()는 JavaScript 객체를 JSON 문자열로 변환하는 내장 함수입니다.
  2. 객체를 JSON 형식의 문자열로 변환하여 서버로 전송하거나, 로컬 저장소에 저장하거나, 로그에 기록하는 등의 작업을 수행할 때 사용합니다.
  3. JSON.stringify()는 두 개의 추가 옵션(인수)를 받을 수 있습니다 ( replacer, space )
const user = { name: "John", age: 30 };

const jsonString = JSON.stringify(user);
console.log(jsonString); // {"name":"John","age":30}

const prettyJsonString = JSON.stringify(user, null, 2); // 인덴트 2칸
console.log(prettyJsonString);
// {
//   "name": "John",
//   "age": 30
// }

 

중요:

 

  • toJSON()는 객체의 사용자 정의 메서드로, 객체가 JSON으로 변환될 때 특정 형식으로 변환되도록 합니다.
  • JSON.stringify()는 객체를 JSON 문자열로 변환하는 내장 함수로, toJSON() 메서드를 자동으로 호출할 수 있습니다.

 

'JavaScript' 카테고리의 다른 글

JSON.stringify()  (0) 2024.07.05
clsx, twMerge, cn, shadcn-ui  (0) 2024.07.05
.at()  (0) 2024.06.18
scrollHeight, scrollTop  (0) 2024.06.18
TextDecoder()  (1) 2024.06.14

관련글 더보기