JSON (JavaScript Object Notation)은 데이터를 교환하고 저장하기 위한 경량의 데이터 형식입니다. 자바스크립트의 JSON 객체는 JSON 데이터의 파싱(parsing)과 변환(conversion)을 제공하여 JSON 데이터를 자바스크립트로 쉽게 변환할 수 있습니다.

1. JSON.parse() 함수 사용하기

JSON.parse() 함수는 JSON 문자열을 자바스크립트 객체로 변환합니다. 이 함수는 JSON 문자열을 파싱하여 자바스크립트 객체로 변환하여 반환합니다. 예제를 통해 사용 방법을 알아보겠습니다.

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

위의 예제에서는 JSON.parse() 함수를 사용하여 jsonString 변수의 JSON 문자열을 자바스크립트 객체로 변환한 후, 변환된 객체를 obj 변수에 저장하였습니다. 이후 obj 변수를 출력하면 변환된 자바스크립트 객체가 출력됩니다.

2. JSON.parse() 함수로 변환된 객체 사용하기

JSON.parse() 함수로 변환된 객체를 사용할 때는 일반적인 자바스크립트 객체와 동일하게 사용할 수 있습니다. 예를 들어, 다음과 같이 객체의 속성에 접근하여 값을 가져올 수 있습니다.

console.log(obj.name); // 'John'
console.log(obj.age); // 30
console.log(obj.city); // 'New York'

위의 예제에서는 obj 객체의 속성에 접근하여 값을 가져오고 출력하는 방법을 보여줍니다.

3. JSON.stringify() 함수 사용하기

JSON.stringify() 함수는 자바스크립트 객체를 JSON 문자열로 변환합니다. 이 함수는 자바스크립트 객체를 JSON 형식의 문자열로 변환하여 반환합니다. 예제를 통해 사용 방법을 알아보겠습니다.

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

위의 예제에서는 JSON.stringify() 함수를 사용하여 obj 자바스크립트 객체를 JSON 형식의 문자열로 변환한 후, jsonString 변수에 저장하였습니다. 이후 jsonString 변수를 출력하면 변환된 JSON 문자열이 출력됩니다.

4. JSON.stringify() 함수로 변환된 JSON 문자열 사용하기

JSON.stringify() 함수로 변환된 JSON 문자열을 사용할 때는 일반적인 문자열과 동일하게 사용할 수 있습니다. 예를 들어, 다음과 같이 문자열을 파싱하여 자바스크립트 객체로 변환할 수 있습니다.

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

위의 예제에서는 jsonString 변수의 JSON 문자열을 JSON.parse() 함수를 사용하여 자바스크립트 객체로 변환한 후, 변환된 객체를 obj 변수에 저장하였습니다. 이후 obj 변수를 출력하면 변환된 자바스크립트 객체가 출력됩니다.

결론

이번 글에서는 자바스크립트 JSON 데이터를 자바스크립트로 변환하는 방법에 대해 알아보았습니다. JSON.parse() 함수를 사용하여 JSON 문자열을 자바스크립트 객체로 변환하거나, JSON.stringify() 함수를 사용하여 자바스크립트 객체를 JSON 문자열로 변환할 수 있습니다. 이러한 변환 기능은 웹 애플리케이션에서 서버와의 데이터 교환 및 클라이언트 측 데이터 처리에 유용하게 사용될 수 있습니다.