JSON 语法详解：轻松掌握数据结构(上)

🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6
🍨 阿珊和她的猫_CSDN个人主页
🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》
🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

1. 什么是 JSON？

JSON 的定义和特点

1. JSON 的定义：JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于 JavaScript 对象表示法（JavaScript Object Notation），常用于 Web 开发中。
2. JSON 的特点：

• 轻量级：JSON 格式简单，易于阅读和编写，并且占用的存储空间较小。
• 跨平台：JSON 是一种跨平台的数据格式，可以在不同的编程语言和系统之间进行数据交换。
• 易于解析：JSON 格式易于解析，可以使用各种编程语言中的标准库或第三方库来解析 JSON 数据。
• 支持嵌套：JSON 支持嵌套结构，可以表示复杂的数据结构，如数组、对象等。
• 可扩展性：JSON 可以根据需要进行扩展，添加自定义的属性或方法。

总的来说，JSON 是一种简洁、灵活、易于使用的数据交换格式，在 Web 开发中得到了广泛的应用。

JSON 与其他数据格式的比较

以下是 JSON 与其他数据格式的比较，使用表格的形式进行详细的解释和说明：

需要注意的是，每种数据格式都有其优缺点和适用场景，具体使用哪种数据格式取决于项目的需求和技术栈。在选择数据格式时，需要考虑数据的大小、可读性、可扩展性、解析性能等因素。

2. JSON 的语法

数据结构：对象、数组、字符串、数字、布尔值、 null

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它的语法基于 JavaScript 对象的表示形式。

JSON 数据结构包括以下几种类型：

1. 对象（Object）：对象是由键值对组成的无序集合。键是一个字符串，值可以是字符串、数字、布尔值、对象、数组或 null。对象用花括号"{ }“表示，键值对用冒号”:"分隔，键与值用逗号,分隔。
2. 数组（Array）：数组是一组有序的元素列表。数组用方括号"[ ]"表示，元素之间用逗号,分隔。
3. 字符串（String）：字符串是由双引号" "括起来的一系列字符。可以使用转义字符来表示特殊字符。
4. 数字（Number）：数字可以是整数或浮点数。整数可以是十进制、八进制（以"0"开头）或十六进制（以"0x"开头）。浮点数可以使用科学计数法表示。
5. 布尔值（Boolean）：布尔值只有两个值：true（表示真）或 false（表示假）。
6. null：null 表示空值或未定义的值。

以下是一个 JSON 示例：

{
  "name": "John Doe",
  "age": 30,
  "isStudent": true,
  "subjects": ["数学", "计算机科学"]
}

在这个示例中，“name”、“age”、"isStudent"和"subjects"是对象的键，它们的值分别是字符串、数字、布尔值和数组。

键值对的表示

在 JSON 中，键值对是通过对象表示的。对象是由花括号"{ }“括起来的一组键值对，键与值之间用冒号”:"分隔，键与值用逗号,分隔。键是一个字符串，值可以是字符串、数字、布尔值、对象、数组或 null。

以下是一个 JSON 对象的示例：

{
  "name": "John Doe",
  "age": 30,
  "isStudent": true,
  "subjects": ["数学", "计算机科学"]
}

在这个示例中，“name”、“age”、"isStudent"和"subjects"是对象的键，它们的值分别是字符串、数字、布尔值和数组。

数组的表示

在 JSON 中，数组是通过方括号"[ ]"表示的。数组是一组有序的元素列表，元素之间用逗号,分隔。

以下是一个 JSON 数组的示例：

["数学", "计算机科学", "物理"]

在这个示例中，“数学”、"计算机科学"和"物理"是数组的元素，它们都是字符串类型。数组可以包含不同类型的元素，包括字符串、数字、布尔值、对象或数组。

3. JSON 的解析和生成

使用 JavaScript 解析和生成 JSON

在 JavaScript 中，我们可以使用 JSON.parse()方法来解析 JSON 字符串，并将其转换为 JavaScript 对象。我们也可以使用 JSON.stringify()方法将 JavaScript 对象转换为 JSON 字符串。

以下是使用 JavaScript 解析和生成 JSON 的示例代码：

解析 JSON 字符串：

let jsonString = '{"name": "John Doe", "age": 30, "isStudent": true, "subjects": ["数学", "计算机科学"]}';

let jsonObject = JSON.parse(jsonString);

console.log(jsonObject); // 输出：{ name: 'John Doe', age: 30, isStudent: true, subjects: [ '数学', '计算机科学' ] }

在这个示例中，我们首先定义了一个 JSON 字符串 jsonString，然后使用 JSON.parse()方法将其解析为 JavaScript 对象 jsonObject。最后，我们使用 console.log()方法输出解析后的对象。

生成 JSON 字符串：

let person = { name: "John Doe", age: 30, isStudent: true, subjects: ["数学", "计算机科学"] };

let jsonString = JSON.stringify(person);

console.log(jsonString); // 输出：{"name":"John Doe","age":30,"isStudent":true,"subjects":["数学","计算机科学"]}

在这个示例中，我们首先定义了一个 JavaScript 对象 person，然后使用 JSON.stringify()方法将其转换为 JSON 字符串 jsonString。最后，我们使用 console.log()方法输出生成的 JSON 字符串。