JSON은 JavaScript Object Notation의 약자로, 데이터를 구조화하고 전송하는 데 사용되는 형식입니다. 자바스크립트에서는 JSON 데이터를 쉽게 다른 형식으로 변환할 수 있습니다. 이번 포스트에서는 자바스크립트에서 JSON 데이터를 다른 형식으로 변환하는 방법을 알아보겠습니다.

1. JSON을 JavaScript 객체로 변환하기

JSON 데이터를 JavaScript 객체로 변환하려면 JSON.parse() 함수를 사용합니다. 이 함수는 JSON 형식의 문자열을 JavaScript 객체로 변환합니다.

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

console.log(obj.name);  // 출력 결과: John
console.log(obj.age);   // 출력 결과: 30
console.log(obj.city);  // 출력 결과: New York

위 예제에서 json 변수는 JSON 형식의 문자열이고, obj 변수는 JSON.parse() 함수를 사용하여 JSON을 JavaScript 객체로 변환한 결과입니다. obj 객체의 속성에 접근하여 값을 가져올 수 있습니다.

2. JavaScript 객체를 JSON으로 변환하기

JavaScript 객체를 JSON으로 변환하려면 JSON.stringify() 함수를 사용합니다. 이 함수는 JavaScript 객체를 JSON 형식의 문자열로 변환합니다.

const obj = { name: "John", age: 30, city: "New York" };
const json = JSON.stringify(obj);

console.log(json);  // 출력 결과: {"name":"John","age":30,"city":"New York"}

위 예제에서 obj 변수는 JavaScript 객체이고, json 변수는 JSON.stringify() 함수를 사용하여 JavaScript 객체를 JSON 형식의 문자열로 변환한 결과입니다.

3. JSON을 다른 형식으로 변환하기

JSON 데이터를 다른 형식으로 변환하려면 JavaScript 객체를 원하는 형식으로 재구성해야 합니다. 예를 들어, CSV 형식으로 데이터를 변환한다고 가정해봅시다.

const json = '[{"name":"John","age":30,"city":"New York"},{"name":"Jane","age":25,"city":"London"}]';
const data = JSON.parse(json);
let csv = "";

data.forEach((item) => {
  csv += `${item.name},${item.age},${item.city}\n`;
});

console.log(csv);
/*
출력 결과:
John,30,New York
Jane,25,London
*/

위 예제에서 json 변수는 JSON 형식의 배열을 나타내는 문자열이고, data 변수는 JSON.parse() 함수를 사용하여 JSON을 JavaScript 객체 배열로 변환한 결과입니다. 그리고 forEach() 메소드를 사용하여 배열의 각 요소를 순회하면서 CSV 형식의 문자열로 변환한 후 csv 변수에 누적합니다.

JSON 데이터를 다른 형식으로 변환하는 방법은 원하는 형식에 따라 다를 수 있으므로 상황에 맞게 적절한 방법을 선택해야 합니다.

이제 자바스크립트에서 JSON 데이터를 다른 형식으로 변환하는 방법을 알게 되었습니다. JSON.parse() 함수를 사용하여 JSON을 JavaScript 객체로 변환하고, JSON.stringify() 함수를 사용하여 JavaScript 객체를 JSON으로 변환할 수 있습니다. 또한, JavaScript 객체를 다른 형식으로 변환하기 위해 필요한 로직을 작성하여 재구성할 수 있습니다. JSON 데이터의 다른 형식 변환은 데이터 처리 및 전송에서 유용하게 활용될 수 있습니다.