JSON은 자바스크립트 객체를 문자열로 나타내기 위한 표현 방식입니다. 때때로 우리는 JSON 데이터를 다른 형식으로 변환해야 할 수도 있습니다. 이 글에서는 자바스크립트에서 JSON 데이터를 추출하고, 다른 형식으로 변환하는 방법을 알아보겠습니다.

1. JSON 데이터 추출하기

JSON 데이터를 추출하기 위해서는 우선 JSON 문자열을 자바스크립트 객체로 변환해야 합니다. 이를 위해서는 JSON.parse() 함수를 사용합니다. 예를 들어, 다음과 같은 JSON 문자열이 있다고 가정해 봅시다.

let jsonString = '{"name":"John", "age":30, "city":"New York"}';

이제 JSON.parse() 함수를 사용하여 이 문자열을 자바스크립트 객체로 변환할 수 있습니다.

let jsonobject = JSON.parse(jsonString);

이제 jsonobject는 자바스크립트 객체가 됩니다. 객체의 속성에 접근하기 위해서는 일반적인 객체 속성 접근 방식을 사용하면 됩니다.

let name = jsonobject.name;
let age = jsonobject.age;
let city = jsonobject.city;

2. 다른 형식으로 변환하기

JSON 데이터를 자바스크립트 객체로 추출한 후, 필요한 경우 다른 형식으로 변환할 수 있습니다. 예를 들어, 다른 데이터 형식으로 변환하거나, 특정 형식에 맞게 데이터를 가공할 수 있습니다.

2.1. 문자열로 변환하기

추출된 JSON 데이터를 다시 문자열로 변환하려면 JSON.stringify() 함수를 사용합니다. 이 함수는 자바스크립트 객체를 JSON 문자열로 변환해줍니다.

let jsonString = JSON.stringify(jsonobject);

2.2. 다른 데이터 형식으로 변환하기

JSON 데이터를 다른 형식으로 변환하기 위해서는 JSON 데이터의 속성을 추출하여 원하는 형식으로 가공하는 작업을 해야 합니다. 예를 들어, CSV 형식으로 변환하려면 다음과 같이 작성할 수 있습니다.

let csvString = `${name},${age},${city}`;

2.3. 특정 형식에 맞게 데이터 가공하기

추출된 JSON 데이터를 특정 형식에 맞게 가공할 수도 있습니다. 예를 들어, 날짜 형식을 변경하거나, 숫자를 포맷팅하는 작업을 수행할 수 있습니다.

let formattedAge = age + " years old";

결론

이렇게 자바스크립트에서 JSON 데이터를 추출하고, 다른 형식으로 변환하는 방법에 대해 알아보았습니다. JSON 데이터를 필요한 형식으로 가공하여 활용함으로써, 데이터를 더 효율적으로 활용할 수 있습니다. JSON 데이터 처리는 웹 개발에서 매우 중요한 역할을 수행하므로, 이를 잘 익혀두시기 바랍니다.