자바스크립트 JSON 처리: JSON.stringify()와 JSON.parse() 사용하기

자바스크립트에서 데이터를 교환하거나 저장할 때, 종종 JSON(JavaScript Object Notation) 형식을 사용합니다. JSON은 텍스트 기반의 데이터 형식으로, 자바스크립트 객체의 구조를 따릅니다. 이 글에서는 JSON 데이터를 처리하는 두 가지 핵심 메서드, JSON.stringify()와 JSON.parse()에 대해 알아보겠습니다.

1. JSON.stringify()

JSON.stringify() 메서드는 자바스크립트 객체를 JSON 형식의 문자열로 변환합니다. 이를 통해 객체 데이터를 JSON 형식으로 쉽게 저장하거나 전송할 수 있습니다. 아래는 JSON.stringify()의 간단한 사용 예입니다.

// person 객체 생성
let person = { 
    name: "BlueShare", 
    age: 30, 
    gender: "man", 
    city: "Seoul" 
};

// person 객체를 JSON 형식의 문자열로 변환
let personJSON = JSON.stringify(person);

// JSON 형식의 문자열 출력
console.log(personJSON);  // {"name":"BlueShare","age":30,"gender":"man","city":"Seoul"}

위 코드는 person 객체를 생성하고, JSON.stringify() 메서드를 사용해 이 객체를 JSON 형식의 문자열로 변환합니다. 마지막으로 console.log()를 사용하여 변환된 JSON 문자열을 출력합니다.

2. JSON.parse()

JSON.parse() 메서드는 JSON 형식의 문자열을 자바스크립트 객체로 변환합니다. 이를 통해 JSON 형식의 데이터를 받아서 자바스크립트에서 사용할 수 있는 객체로 쉽게 변환할 수 있습니다. 아래는 JSON.parse()의 간단한 사용 예입니다.

// JSON 형식의 문자열 생성
let personJSON = '{"name":"BlueShare","age":30,"gender":"man","city":"Seoul"}';

// JSON 형식의 문자열을 객체로 변환
let person = JSON.parse(personJSON);

// person 객체에서 name 속성의 값을 출력
console.log(person.name);  // BlueShare

위 코드는 JSON 형식의 문자열을 생성하고, JSON.parse() 메서드를 사용해 이 문자열을 객체로 변환합니다. 마지막으로 console.log()를 사용하여 변환된 객체의 name 속성의 값을 출력합니다.

☞ 이 두 가지 메서드를 이용하면, 자바스크립트에서 JSON 데이터를 쉽게 다룰 수 있습니다. 다만, 이 두 메서드만으로는 복잡한 JSON 데이터를 처리하는데 한계가 있을 수 있습니다. 예를 들어, 크기가 큰 JSON 파일을 처리하거나, 보안적인 측면에서 안전하게 JSON 데이터를 처리하려면 추가적인 라이브러리를 활용할 필요가 있습니다. 이에 대해서는 다음 글에서 자세히 다루도록 하겠습니다.

함께 보면 좋은 이전 게시글

이 글이 도움이 되셨다면 공유를 부탁 드립니다. 다음 글에서 뵙겠습니다!

자바스크립트 JSON 처리: JSON.stringify()와 JSON.parse() 사용하기

1. JSON.stringify()

2. JSON.parse()

함께 보면 좋은 이전 게시글

동일 카테고리 게시글