JSON은 JavaScript Object Notation의 약자로, 데이터를 표현하기 위한 경량의 형식입니다. 자바스크립트에서는 JSON 형식의 데이터를 다루는 경우가 많은데, 이번 포스트에서는 JSON 데이터를 추출하여 다른 형식으로 변환하는 방법에 대해 알아보겠습니다.

JSON 데이터 추출하기

JSON 데이터를 추출하는 가장 기본적인 방법은 JSON.parse() 메소드를 사용하는 것입니다. 이 메소드는 JSON 형식의 문자열을 자바스크립트 객체로 변환해줍니다.

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

위의 예제에서 JSON.parse() 메소드를 사용하여 json 문자열을 자바스크립트 객체로 변환하고, obj 변수에 할당한 뒤 해당 객체의 속성을 접근하여 값을 출력하였습니다.

다른 형식으로 변환하기

JSON 데이터를 다른 형식으로 변환하기 위해서는 자바스크립트에서 제공하는 다양한 메소드와 라이브러리를 활용할 수 있습니다. 아래는 몇 가지 예시입니다.

1. JSON을 XML로 변환하기

JSON 데이터를 XML 형식으로 변환하기 위해서는 자바스크립트 라이브러리인 xml-js를 사용할 수 있습니다. 이 라이브러리는 JSON과 XML 사이의 변환을 쉽게 수행할 수 있게 도와줍니다.

const json = '{"name": "John", "age": 30, "city": "New York"}';

const options = { compact: true, ignoreComment: true, spaces: 4 };
const xml = convert.json2xml(json, options);

console.log(xml);

위의 예제에서는 json 문자열을 json2xml() 메소드를 사용하여 XML로 변환하였습니다. 변환된 XML은 xml 변수에 저장되고, 콘솔에 출력됩니다.

2. JSON을 CSV로 변환하기

JSON 데이터를 CSV 형식으로 변환하기 위해서는 간단한 메소드와 함께 문자열을 조작할 수 있는 기능만으로도 충분합니다.

const json = '[{"name": "John", "age": 30, "city": "New York"},{"name": "Jane", "age": 25, "city": "London"}]';

const data = JSON.parse(json);
let csv = "name, age, city\n";
data.forEach(obj => {
    csv += `${obj.name}, ${obj.age}, ${obj.city}\n`;
});

console.log(csv);

위의 예제에서는 배열 형태의 json 데이터를 JSON.parse() 메소드를 사용하여 자바스크립트 객체로 변환하고, forEach() 메소드를 사용하여 각 객체의 속성들을 CSV 형식에 맞게 문자열로 조합하였습니다. 변환된 CSV는 csv 변수에 저장되고, 콘솔에 출력됩니다.

마무리

위의 예제들은 JSON 데이터를 추출하여 다른 형식으로 변환하는 방법을 보여주는 간단한 예시입니다. JSON 데이터를 사용하는 경우에는 필요에 따라 자바스크립트를 사용해 적절한 변환 작업을 수행할 수 있습니다. 변환에 사용할 라이브러리와 메소드를 선택하고, 데이터를 다른 형식으로 변환하는 방법을 익히면 더욱 다양한 활용이 가능할 것입니다.

이 글이 자바스크립트에서 JSON 데이터를 추출하고 다른 형식으로 변환하는 방법에 대해 이해하는 데 도움이 되었기를 바랍니다.