JavaScript에서 JSON 다루기: JSON.stringify 및 JSON.parse 사용법

by

JavaScript에서 JSON(JavaScript Object Notation)은 데이터 교환 형식으로 널리 사용되며, JSON 데이터를 다루는 방법은 중요합니다. 이 포스팅에서는 JSON.stringify와 JSON.parse 함수를 사용하여 JavaScript 객체를 JSON 문자열로 직렬화하고, JSON 문자열을 JavaScript 객체로 파싱하는 방법을 알아보겠습니다.


JSON.stringify(obj, replacer, space)

JSON.stringify 함수는 JavaScript 객체를 JSON 문자열로 직렬화하는 데 사용됩니다. 이 함수에는 다음 매개변수가 있습니다.

  • obj: 직렬화할 JavaScript 객체입니다.
  • replacer (선택 사항): 직렬화 중에 속성을 변경하기 위한 함수나 배열입니다.
  • space (선택 사항): 반환되는 JSON 문자열을 가독성 있게 만들기 위한 공백 문자열 또는 숫자입니다.


예제:

const person = { name: 'John', age: 30 };
const jsonStr = JSON.stringify(person);


JSON.parse(text, reviver)

JSON.parse 함수는 JSON 문자열을 JavaScript 객체로 파싱하는 데 사용됩니다. 이 함수에는 다음 매개변수가 있습니다.

  • text: 파싱할 JSON 문자열입니다.
  • reviver (선택 사항): 파싱 중에 속성을 수정하기 위한 함수입니다.


예제:

const jsonStr = '{"name": "John", "age": 30}';
const person = JSON.parse(jsonStr);


JSON 객체

JSON 객체에는 JSON.stringify 및 JSON.parse와 동일한 이름의 메서드도 있습니다. 이러한 메서드를 사용하여 JSON 데이터를 다룰 수 있습니다.

예제:

const person = { name: 'John', age: 30 };
const jsonStr = JSON.stringify(person);
const parsedData = JSON.parse(jsonStr);


JSON은 데이터 교환에 널리 사용되며, JSON.stringify와 JSON.parse 함수는 JavaScript 객체와 JSON 데이터 간의 변환을 쉽게 수행할 수 있도록 도와줍니다. 이러한 함수와 메서드를 효과적으로 활용하면 데이터를 직렬화하고 파싱하는 작업을 간편하게 수행할 수 있습니다.




Leave a Comment