자바스크립트에서 다른 포맷의 데이터를 JSON으로 변환하는 방법

15 Sep 2023

vuejs

만약 다른 포맷의 데이터가 JavaScript 객체라면, 바로 JSON.stringify() 함수에 전달하여 JSON 문자열로 변환할 수 있습니다. 예를 들어, 다음은 JavaScript 객체를 JSON 문자열로 변환하는 예제입니다:

const person = {
  name: "John Doe",
  age: 30,
  profession: "Developer"
};

const jsonStr = JSON.stringify(person);
console.log(jsonStr);

위 코드를 실행하면, {"name":"John Doe","age":30,"profession":"Developer"}와 같은 형태의 JSON 문자열이 출력됩니다.

또한, 다른 포맷의 데이터가 문자열 형태라면, 파싱하여 JavaScript 객체로 변환한 후 JSON.stringify() 함수에 전달할 수 있습니다. 예를 들어, 다음은 XML 형식의 데이터를 JavaScript 객체로 변환한 후 JSON 문자열로 변환하는 예제입니다:

const xmlData = `
<book>
  <title>JavaScript: The Good Parts</title>
  <author>Douglas Crockford</author>
</book>
`;

const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlData, "text/xml");
const book = {
  title: xmlDoc.querySelector("title").textContent,
  author: xmlDoc.querySelector("author").textContent
};

const jsonStr = JSON.stringify(book);
console.log(jsonStr);

위 코드에서는 DOMParser를 사용하여 XML 데이터를 파싱하고, JavaScript 객체로 변환한 후 JSON.stringify() 함수에 전달하여 JSON 문자열로 출력합니다.

이와 같은 방법으로 자바스크립트에서 다른 포맷의 데이터를 JSON으로 변환할 수 있습니다.