JSON (JavaScript Object Notation)은 자바스크립트 객체를 기반으로 한 경량 데이터 형식입니다. 이것은 데이터를 저장하고 전송하기 위해 일반적으로 사용되며, 모든 프로그래밍 언어에서 지원됩니다. 자바스크립트에서 JSON 데이터 형식을 사용하여 데이터를 구조화하고 교환하는 방법을 알아보겠습니다.

JSON 개요

JSON은 Name-Value 형태의 쌍으로 이루어진 데이터 객체로 구성됩니다. 이것은 다른 데이터 유형들을 포함할 수 있는 배열, 객체 및 원시값을 지원합니다. 자바스크립트에서는 JSON.parse() 메서드를 사용하여 JSON 문자열을 자바스크립트 객체로 변환하거나, JSON.stringify() 메서드를 사용하여 자바스크립트 객체를 JSON 문자열로 변환할 수 있습니다.

JSON의 예제

// JSON 객체의 예제
let person = {
  "name": "John Doe",
  "age": 30,
  "email": "john.doe@example.com",
  "friends": ["Jane Smith", "Mark Johnson"],
  "address": {
    "street": "123 Main St",
    "city": "New York",
    "zip": "10001"
  }
};

// JSON 객체를 문자열로 변환
let jsonString = JSON.stringify(person);
console.log(jsonString);

// JSON 문자열을 객체로 변환
let personObj = JSON.parse(jsonString);
console.log(personObj);

위의 예제에서 person 객체는 사람의 세부 정보를 나타내는 JSON 객체입니다. JSON.stringify() 메서드를 사용하여 이 객체를 문자열로 변환하고, JSON.parse() 메서드를 사용하여 다시 객체로 변환할 수 있습니다.

JSON 배열

JSON은 데이터의 목록을 나타내기 위해 배열을 지원합니다. 아래는 JSON 배열 구조의 예입니다.

let colors = [
  "red",
  "green",
  "blue"
];

let jsonString = JSON.stringify(colors);
console.log(jsonString);

위의 예제에서 colors 배열은 서로 다른 색상을 포함하고 있습니다. JSON.stringify() 메서드를 사용하여 이 배열을 JSON 형식의 문자열로 변환할 수 있습니다.

JSON 원시값

JSON은 문자열, 숫자, 불리언 및 null과 같은 원시값을 지원합니다. 아래는 JSON 원시값의 예입니다.

let data = {
  "title": "Sample Data",
  "date": "2022-01-01",
  "count": 10,
  "isActive": true,
  "review": null
};

let jsonString = JSON.stringify(data);
console.log(jsonString);

위의 예제에서 data 객체는 각기 다른 유형의 원시값을 포함하고 있습니다. JSON.stringify() 메서드를 사용하여 객체를 JSON 문자열로 변환할 수 있습니다.

결론

JSON은 자바스크립트에서 데이터를 구조화하고 교환하기 위한 간단하고 유연한 형식입니다. 자바스크립트에서는 JSON.parse()와 JSON.stringify() 메서드를 사용하여 자바스크립트 객체와 JSON 문자열 사이의 변환을 쉽게 할 수 있습니다. 이러한 기능을 활용하여 데이터를 효율적으로 처리하고 교환할 수 있습니다.