Formats de données courants en JavaScript : un guide complet avec des exemples

En JavaScript, plusieurs formats de données sont couramment utilisés pour structurer et échanger des données. Ces formats permettent de garantir que les données sont représentées de manière standard, ce qui facilite leur utilisation et leur transmission entre différents systèmes, API ou applications.

Voici les formats de données les plus courants en JavaScript :

1. JSON (notation d'objet JavaScript)

JSON est le format de données le plus largement utilisé pour envoyer et recevoir des données dans les applications Web, notamment lors de la communication avec des API.

Structure : JSON est un format texte léger qui représente les données sous forme de paires clé-valeur. Il peut représenter des objets, des tableaux, des chaînes, des nombres, des booléens et des valeurs nulles.
Utilisation : JSON est couramment utilisé pour l'échange de données entre un client (par exemple, un navigateur Web) et un serveur.
Exemple :

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

Travailler avec JSON en JavaScript :
Analyse JSON : Convertissez une chaîne JSON en un objet JavaScript à l'aide de JSON.parse().

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

Stringifying JSON : Convertissez un objet JavaScript en chaîne JSON à l'aide de JSON.stringify().

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

2. XML (langage de balisage extensible)
XML est un autre format de données couramment utilisé pour le stockage et l'échange de données, en particulier dans les systèmes existants et certaines API.

Structure : XML utilise une structure hiérarchique avec des balises imbriquées. Chaque balise peut contenir du texte ou d'autres balises, et les attributs peuvent être utilisés pour des métadonnées supplémentaires.
Utilisation : XML était plus populaire avant que JSON ne devienne le format préféré. Il est encore utilisé dans certaines anciennes API et formats de données (par exemple, les flux RSS).
Exemple :

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

Travailler avec XML en JavaScript :
Vous pouvez analyser des données XML en JavaScript à l'aide de l'objet DOMParser.

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 (valeurs séparées par des virgules)
CSV est un format de texte simple utilisé pour représenter des données tabulaires, où chaque ligne représente un enregistrement et chaque colonne est séparée par une virgule.

Structure : Chaque ligne du CSV représente une ligne de données et les valeurs de chaque ligne sont séparées par des virgules. Les fichiers CSV ne prennent généralement pas en charge les données imbriquées telles que JSON ou XML.
Utilisation : CSV est couramment utilisé pour exporter et importer des données, en particulier pour les feuilles de calcul, les bases de données ou le simple stockage de données textuelles.
Exemple :

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

Travailler avec CSV en JavaScript :
Vous pouvez analyser les données CSV manuellement ou utiliser des bibliothèques comme PapaParse pour des cas d'utilisation plus complexes.

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"]]

Lisez le reste de l'article ici :
https://medium.com/@CodingAdventure/common-data-formats-in-javascript-a-comprehensive-guide-with-examples-3b5546ce0517

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!