JSON(JavaScript Object Notation)은 데이터를 저장하고 전송하기 위한 경량의 데이터 형식입니다. 자바스크립트에서 JSON을 다루는 것은 매우 중요한 기능 중 하나입니다. 이번 블로그 포스트에서는 자바스크립트에서 JSON을 어떻게 사용하는지 알아보겠습니다.

JSON 개요

JSON은 텍스트로 이루어진 데이터 형식으로, 일반적으로 Key-Value 쌍의 집합으로 이루어져 있습니다. 이는 자바스크립트의 객체와 유사한 형태를 가지고 있어서, 객체와 JSON 형식을 서로 변환하는 것이 매우 쉽습니다.

JSON.parse() 메서드

JSON.parse() 메서드를 사용하여 JSON 문자열을 자바스크립트 객체로 변환할 수 있습니다. 다음은 사용 예시입니다.

const jsonStr = '{"name":"John", "age":30, "city":"New York"}';
const jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // 출력: "John"
console.log(jsonObj.age); // 출력: 30
console.log(jsonObj.city); // 출력: "New York"

JSON.stringify() 메서드

JSON.stringify() 메서드를 사용하여 자바스크립트 객체를 JSON 문자열로 변환할 수 있습니다. 다음은 사용 예시입니다.

const person = { name: "John", age: 30, city: "New York" };
const jsonStr = JSON.stringify(person);
console.log(jsonStr); // 출력: '{"name":"John", "age":30, "city":"New York"}'

중첩된 객체 다루기

JSON은 중첩된 객체를 표현할 수 있는 기능을 제공합니다. 다음은 중첩된 객체를 다루는 예시입니다.

const car = {
  brand: "Tesla",
  model: "Model S",
  battery: {
    capacity: "100 kWh",
    type: "Lithium-ion",
    manufacturer: "Panasonic"
  }
};

const jsonStr = JSON.stringify(car);
console.log(jsonStr);
/* 출력:
{
  "brand": "Tesla",
  "model": "Model S",
  "battery": {
    "capacity": "100 kWh",
    "type": "Lithium-ion",
    "manufacturer": "Panasonic"
  }
}
*/

요약

이 블로그 포스트에서는 자바스크립트에서 JSON을 사용하는 방법을 알아보았습니다. JSON.parse()를 사용하여 JSON 문자열을 객체로 변환하고, JSON.stringify()를 사용하여 객체를 JSON 문자열로 변환할 수 있습니다. 또한, JSON은 중첩된 객체를 다룰 수 있는 기능을 제공하여 복잡한 데이터도 효율적으로 처리할 수 있습니다. 자바스크립트에서 JSON을 잘 활용하여 데이터를 다루고 전송하는데 유용하게 사용해보세요.