자바스크립트 객체와 JSON 변환

09 Sep 2023

javascript

자바스크립트는 객체 지향 프로그래밍 언어로, 다양한 데이터 형식을 다루는 데 매우 유용합니다. 이 중에서도 JSON(JavaScript Object Notation)은 많은 웹 애플리케이션에서 데이터 교환을 위해 널리 사용되는 형식 중 하나입니다. 이번 글에서는 자바스크립트 객체와 JSON 간의 변환에 대해 알아보겠습니다.

자바스크립트 객체

자바스크립트에서 객체는 중괄호({})로 감싸진 key-value 쌍으로 이루어진 데이터 구조입니다.

let person = {
  name: "John Doe",
  age: 25,
  profession: "Software Developer"
};

위의 예제에서 person 객체는 세 개의 속성으로 구성되어 있습니다. name, age, profession은 각각 이름, 나이, 직업을 나타내는 속성입니다.

객체를 JSON으로 변환하기

자바스크립트 객체를 JSON으로 변환하는 방법은 매우 간단합니다. JSON.stringify() 메서드를 사용하면 됩니다. 이 메서드는 인자로 전달된 객체를 JSON 문자열로 변환해줍니다.

let personJSON = JSON.stringify(person);

console.log(personJSON);
// 출력: {"name":"John Doe","age":25,"profession":"Software Developer"}

위의 예제에서 person 객체가 JSON.stringify() 메서드에 전달되고, 이는 personJSON 변수에 JSON 형식의 문자열로 변환됩니다.

JSON을 객체로 변환하기

JSON을 다시 자바스크립트 객체로 변환하는 것도 간단합니다. JSON.parse() 메서드를 사용하면 됩니다. 이 메서드는 JSON 문자열을 자바스크립트 객체로 변환해줍니다.

let personObject = JSON.parse(personJSON);

console.log(personObject.name);
// 출력: "John Doe"
console.log(personObject.age);
// 출력: 25
console.log(personObject.profession);
// 출력: "Software Developer"

위의 예제에서 personJSON 문자열이 JSON.parse() 메서드에 전달되고, 이는 personObject 변수에 자바스크립트 객체로 변환됩니다. 이후, 객체 내 속성에 접근할 수 있습니다.

주의사항

자바스크립트 객체를 JSON으로 변환할 때 몇 가지 주의사항이 있습니다.

JSON은 문자열 형태로 표현되기 때문에, 함수, 날짜와 같은 특정 자바스크립트 데이터 유형은 자동으로 변환되지 않습니다.
순환 참조를 포함한 복잡한 객체는 JSON으로 변환할 수 없습니다.

결론

자바스크립트 객체와 JSON 간의 변환은 웹 애플리케이션에서 데이터 교환에 매우 유용한 기술입니다. JSON.stringify() 메서드로 자바스크립트 객체를 JSON 문자열로 변환하고, JSON.parse() 메서드로 JSON을 자바스크립트 객체로 변환할 수 있습니다. 주의사항을 염두에 두면서 JSON 변환을 적절하게 활용하세요.