JSON.stringify() 사용법

JSON.stringify()

 

JSON.stringify() 메서드는 자바스크립트 객체를 JSON 문자열로 변환하는 데 사용됩니다. 이 메서드는 서버에 데이터를 보내거나 로컬 스토리지에 객체를 저장할 때 유용합니다. JSON.stringify()는 세 개의 매개변수를 받을 수 있으며, 그중 하나만 필수입니다.

구문

javascript

코드 복사

JSON.stringify(value, replacer, space);

매개변수 설명

1. value (필수):

• JSON 문자열로 변환할 자바스크립트 값입니다.
• 이는 객체, 배열, 문자열, 숫자, 불리언 또는 null일 수 있습니다.

예를 들어:

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

 

 

2. replacer (선택):

• 이 매개변수는 두 가지 형태를 가질 수 있습니다:
  • 함수: 변환 중에 각 키-값 쌍을 변형할 수 있는 함수입니다.
  • 배열: JSON 문자열에 포함할 속성의 이름을 지정하는 배열입니다.
• 이를 통해 JSON으로 변환될 내용을 세밀하게 제어할 수 있습니다.

함수 형태 예시:배열 형태 예시:

const obj = { name: "John", age: 30, city: "New York" }; 
const jsonString = JSON.stringify(obj, ["name", "city"]); 
console.log(jsonString); // {"name":"John","city":"New York"}

 

const obj = { name: "John", age: 30, city: "New York" }; 
const jsonString = JSON.stringify(obj, (key, value) => { i
f (key === "age") return undefined; // "age" 속성을 제외 return value; 
}); 
console.log(jsonString); // {"name":"John","city":"New York"}

 

3. space (선택):

• JSON 문자열에서 가독성을 높이기 위해 들여쓰기를 지정할 수 있습니다.
• 이 매개변수에는 숫자 또는 문자열을 사용할 수 있습니다:
  • 숫자: 각 레벨의 들여쓰기에 사용할 공백 문자의 수입니다. (최대 10까지 유효)
  • 문자열: 들여쓰기 시 사용할 문자입니다. 문자열이 전달되면 각 레벨의 들여쓰기가 해당 문자열로 이루어집니다.

숫자 예시:문자열 예시:

const obj = { name: "John", age: 30, city: "New York" }; 
const jsonString = JSON.stringify(obj, null, "--"); 
console.log(jsonString); 
/* { --"name": "John", --"age": 30, --"city": "New York" } */

const obj = { name: "John", age: 30, city: "New York" }; 
const jsonString = JSON.stringify(obj, null, 2); 
console.log(jsonString); 
/* { "name": "John", "age": 30, "city": "New York" } */

 

JSON.stringify(data, null, 2) 예제

 

const data = { productName: "Laptop", price: 1500, specs: { cpu: "Intel i7", ram: "16GB", storage: "512GB SSD" }, available: true }; 
const jsonString = JSON.stringify(data, null, 2); 
console.log(jsonString);

 

출력:

json

 

{ "productName": "Laptop", "price": 1500, "specs": { "cpu": "Intel i7", "ram": "16GB", "storage": "512GB SSD" }, "available": true }

정리

• JSON.stringify()는 객체를 JSON 문자열로 변환하는 메서드입니다.
• value: 변환할 자바스크립트 값.
• replacer: 변환 과정에서 값을 필터링하거나 변형할 수 있는 함수 또는 포함할 속성 이름의 배열.
• space: JSON 문자열의 가독성을 높이기 위한 들여쓰기 지정.

JSON.stringify(data, null, 2)는 data 객체를 JSON 문자열로 변환하며, 들여쓰기를 통해 가독성 높은 형식으로 만듭니다.