JavaScript の一般的なデータ形式: 例を含む包括的なガイド

JavaScript では、データの構造化と交換にいくつかのデータ形式が一般的に使用されます。これらの形式は、データが標準的な方法で表現されることを保証し、異なるシステム、API、またはアプリケーション間での作業や送信を容易にします。

JavaScript で最も一般的なデータ形式は次のとおりです:

1. JSON (JavaScript オブジェクト表記法)

JSON は、Web アプリケーションでのデータの送受信、特に API との通信に最も広く使用されているデータ形式です。

構造: JSON は、データをキーと値のペアとして表す軽量のテキストベースの形式です。オブジェクト、配列、文​​字列、数値、ブール値、null を表すことができます。
使用法: JSON は、クライアント (Web ブラウザーなど) とサーバー間のデータ交換に一般的に使用されます。
例:

{
  "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 (eXtensible Markup Language)
XML は、特にレガシー システムや一部の API で、データの保存と交換に使用されるもう 1 つの一般的なデータ形式です。

構造: 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 の各行は 1 行のデータを表し、各行の値はカンマで区切られます。 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 中国語 Web サイトの他の関連記事を参照してください。