JavaScript의 일반적인 데이터 형식: 예제가 포함된 종합 가이드

JavaScript에서는 데이터를 구조화하고 교환하는 데 일반적으로 여러 데이터 형식이 사용됩니다. 이러한 형식을 사용하면 데이터가 표준 방식으로 표현되므로 다양한 시스템, API 또는 애플리케이션 간에 작업하고 전송하기가 쉬워집니다.

다음은 JavaScript에서 가장 일반적인 데이터 형식입니다.

1. JSON(자바스크립트 객체 표기법)

JSON은 웹 애플리케이션, 특히 API와 통신할 때 데이터를 주고받는 데 가장 널리 사용되는 데이터 형식입니다.

구조: JSON은 데이터를 키-값 쌍으로 나타내는 간단한 텍스트 기반 형식입니다. 객체, 배열, 문자열, 숫자, 부울 및 null을 나타낼 수 있습니다.
용도: JSON은 일반적으로 클라이언트(예: 웹 브라우저)와 서버 간의 데이터 교환에 사용됩니다.
예:

{
  "name": "John",
  "age": 30,
  "isStudent": false,
  "courses": ["Math", "Science"]
}

JavaScript에서 JSON 작업:
JSON 구문 분석: JSON.parse()를 사용하여 JSON 문자열을 JavaScript 개체로 변환합니다.

let jsonString = '{"name": "John", "age": 30}';
let parsedData = JSON.parse(jsonString);
console.log(parsedData.name);  // Output: John

JSON 문자열화: JSON.stringify()를 사용하여 JavaScript 객체를 JSON 문자열로 변환합니다.

let obj = { name: "John", age: 30 };
let jsonString = JSON.stringify(obj);
console.log(jsonString);  // Output: '{"name":"John","age":30}'

2. XML(확장 가능 마크업 언어)
XML은 특히 레거시 시스템과 일부 API에서 데이터 저장 및 교환에 사용되는 또 다른 일반적인 데이터 형식입니다.

구조: XML은 중첩된 태그가 있는 계층 구조를 사용합니다. 각 태그에는 텍스트나 기타 태그가 포함될 수 있으며 추가 메타데이터에 속성을 사용할 수 있습니다.
용법: JSON이 선호되는 형식이 되기 전에는 XML이 더 많이 사용되었습니다. 일부 이전 API 및 데이터 형식(예: RSS 피드)에서는 여전히 사용됩니다.
예:

<person>
  <name>John</name>
  <age>30</age>
  <isStudent>false</isStudent>
  <courses>
    <course>Math</course>
    <course>Science</course>
  </courses>
</person>

JavaScript에서 XML 작업:
DOMParser 개체를 사용하여 JavaScript에서 XML 데이터를 구문 분석할 수 있습니다.

let xmlString = `<person><name>John</name><age>30</age></person>`;
let parser = new DOMParser();
let xmlDoc = parser.parseFromString(xmlString, "text/xml");

let name = xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;
console.log(name);  // Output: John

3. CSV(쉼표로 구분된 값)
CSV는 표 형식의 데이터를 나타내는 데 사용되는 간단한 텍스트 형식으로, 각 행은 레코드를 나타내고 각 열은 쉼표로 구분됩니다.

구조: CSV의 각 줄은 데이터의 한 행을 나타내며, 각 행의 값은 쉼표로 구분됩니다. CSV 파일은 일반적으로 JSON 또는 XML과 같은 중첩 데이터를 지원하지 않습니다.
용도: CSV는 특히 스프레드시트, 데이터베이스 또는 간단한 텍스트 기반 데이터 저장소의 경우 데이터 내보내기 및 가져오기에 일반적으로 사용됩니다.
예:

name,age,isStudent
John,30,false
Alice,25,true

JavaScript에서 CSV 작업:
CSV 데이터를 수동으로 구문 분석하거나 보다 복잡한 사용 사례를 위해 PapaParse와 같은 라이브러리를 사용할 수 있습니다.

let csvData = "name,age,isStudent\nJohn,30,false\nAlice,25,true";
let rows = csvData.split("\n").map(row => row.split(","));
console.log(rows);  // Output: [["name", "age", "isStudent"], ["John", "30", "false"], ["Alice", "25", "true"]]

여기에서 나머지 기사를 읽어보세요.
https://medium.com/@CodingAdventure/common-data-formats-in-javascript-a-comprehensive-guide-with-examples-3b5546ce0517

위 내용은 JavaScript의 일반적인 데이터 형식: 예제가 포함된 종합 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!