자바스크립트 JSON.stringify() 메서드 활용법

15 Sep 2023

javascript

JSON.stringify() 메서드는 자바스크립트 객체를 JSON 문자열로 변환하는 데 사용됩니다. 이 메서드는 주어진 객체를 JSON 형식으로 직렬화하며, 이후에는 JSON으로 변환된 데이터를 전송하거나 저장하는 데 유용합니다.

사용법

JSON.stringify() 메서드는 다음과 같은 형식으로 사용됩니다:

let obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

let jsonStr = JSON.stringify(obj);
console.log(jsonStr);

위의 예제에서는 obj 객체를 JSON 형식의 문자열로 변환하고, 변환된 결과를 jsonStr 변수에 할당하고 있습니다. 마지막 줄에서는 변환된 JSON 문자열을 콘솔에 출력합니다.

출력 결과는 다음과 같습니다:

{"name":"John","age":30,"city":"New York"}

변환 옵션

JSON.stringify() 메서드는 두 번째 매개변수로 옵션 객체를 받을 수 있습니다. 이를 통해 변환 과정을 세부적으로 제어할 수 있습니다. 주요 옵션은 다음과 같습니다:

replacer: JSON 문자열 결과에서 값을 변경하거나 제외할 수 있는 함수 또는 배열입니다.
space: 들여쓰기를 적용하여 가독성을 높일 수 있습니다.

let obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

let jsonStr = JSON.stringify(obj, null, 2);
console.log(jsonStr);

위의 예제에서는 null 값을 첫 번째 매개변수로 전달하여 변환 옵션을 설정하지 않고, 2 값을 두 번째 매개변수로 전달하여 들여쓰기를 2 칸으로 설정했습니다. 이렇게 하면 변환된 JSON 문자열이 보다 가독성이 좋아집니다.

출력 결과는 다음과 같습니다:

{
  "name": "John",
  "age": 30,
  "city": "New York"
}

정리

자바스크립트 JSON.stringify() 메서드는 객체를 JSON 문자열로 변환하는 데 유용한 기능입니다. 이를 활용하여 자바스크립트 객체를 JSON 형식으로 직렬화하고, 다른 플랫폼이나 서버로 데이터를 전송할 수 있습니다. 옵션 객체를 활용하면 변환 과정을 세부적으로 제어할 수 있으며, 가독성을 높일 수도 있습니다.

#javascript #JSON #stringify