JSON은 자바스크립트 객체를 문자열로 표현하는 포맷으로 많이 사용됩니다. 때로는 JSON 데이터를 압축 해제하여 원래의 객체 형태로 복원해야 할 때가 있습니다. 이번 블로그 포스트에서는 자바스크립트에서 JSON 데이터를 압축 해제하는 방법에 대해 알아보겠습니다.

1. JSON 데이터의 압축 해제

JSON 데이터를 압축 해제하기 위해서는 JSON.parse() 함수를 사용합니다. 이 함수는 JSON 문자열을 자바스크립트 객체로 변환해줍니다. 아래 코드는 JSON 내용을 압축 해제하는 예제입니다.

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

JSON.parse() 함수는 JSON 문자열을 파라미터로 받아서 파싱하여 자바스크립트 객체를 리턴합니다. 이를 콘솔에 출력하면 압축 해제된 원래의 객체 형태를 확인할 수 있습니다.

2. JSON 데이터에서 특정 값 추출하기

JSON 데이터에서 특정 값을 추출하려면 압축 해제한 후에 자바스크립트 객체의 속성을 사용하면 됩니다. 예를 들어, 아래의 JSON 데이터에서 “name” 속성의 값을 추출하는 코드는 다음과 같습니다.

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

obj.name을 사용하여 “name” 속성의 값을 추출하고, 이를 콘솔에 출력합니다.

3. 압축 해제된 JSON 데이터 수정하기

압축 해제된 JSON 데이터는 일반적인 자바스크립트 객체와 마찬가지로 수정할 수 있습니다. 예를 들어, 아래의 JSON 데이터에서 “age” 속성의 값을 변경하는 코드는 다음과 같습니다.

const jsonStr = '{"name":"John","age":30,"city":"New York"}';
const obj = JSON.parse(jsonStr);
obj.age = 35;  // "age" 속성 값을 수정
console.log(obj);  // { name: 'John', age: 35, city: 'New York' }

obj.age = 35를 사용하여 “age” 속성의 값을 변경하고, 이를 콘솔에 출력합니다.

결론

이번 블로그 포스트에서는 자바스크립트에서 JSON 데이터를 압축 해제하는 방법에 대해 알아보았습니다. JSON.parse() 함수를 사용하여 JSON 데이터를 자바스크립트 객체로 변환하고, 이를 통해 데이터를 추출하거나 수정할 수 있습니다. JSON 데이터를 다룰 때 이러한 기본적인 작업을 활용하면 더욱 효율적인 자바스크립트 코드를 작성할 수 있을 것입니다.