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(可扩展标记语言)**

XML 是用于数据存储和交换的另一种常见数据格式,尤其是在遗留系统和某些 API 中。

**结构**:XML 采用嵌套标签的层次结构。每个标签可以包含文本或其他标签,属性可用于附加元数据。

**用法:**在 JSON 成为首选格式之前,XML 更受欢迎。它仍在一些较旧的 API 和数据格式(例如 RSS 源)中使用。

例子:


  John
  30
  false
  
    Math
    Science
  

**在 JavaScript 中使用 XML:**

您可以使用 DOMParser 对象解析 JavaScript 中的 XML 数据。

let xmlString = `John30`;
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"]]

请点击这里阅读本文的其余部分: