🤍 前端开发工程师（主业）、技术博主（副业）、已过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 与其他数据格式的比较，使用表格的形式进行详细的解释和说明：

数据格式	JSON	XML	YAML
定义	JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，基于 JavaScript 对象表示法	XML（Extensible Markup Language）是一种可扩展的标记语言，用于存储和交换结构化数据	YAML（YAML Ain’t Markup Language）是一种人类可读的数据序列化语言
特点	轻量级、跨平台、易于解析、支持嵌套、可扩展性	可扩展性、自定义性强、适用于大规模数据存储和交换	简洁、易于阅读、适用于配置文件和数据存储
语法	使用键值对表示数据，值可以是字符串、数字、对象、数组等	使用标记和属性来描述数据，标记用于定义数据的类型和结构	使用缩进和冒号表示数据的层次结构，类似于 Python 语法
可读性	简洁、易于阅读和理解	相对复杂，需要理解标记和属性的含义	简洁、易于阅读和理解
可扩展性	支持自定义属性和方法，可以根据需要进行扩展	可扩展性强，可以自定义标记和属性	可扩展性较弱，不支持自定义数据类型
应用场景	Web 开发、移动应用开发、数据交换、配置文件等	大规模数据存储和交换、企业级应用、SOAP 协议等	配置文件、数据存储、自动化任务等

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

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 字符串。