🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6
🍨 阿珊和她的猫_CSDN个人主页
🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》
🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》
文章目录
- 1. 什么是 JSON？
- JSON 的定义和特点
- JSON 与其他数据格式的比较
- 2. JSON 的语法
- 数据结构：对象、数组、字符串、数字、布尔值、 null
- 键值对的表示
- 数组的表示
- 3. JSON 的解析和生成
- 使用 JavaScript 解析和生成 JSON
1. 什么是 JSON？
JSON 的定义和特点
- JSON 的定义：JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它
基于 JavaScript 对象表示法（JavaScript Object Notation），常用于 Web 开发中。 - 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 数据结构包括以下几种类型：
- 对象（
Object）：对象是由键值对组成的无序集合。键是一个字符串，值可以是字符串、数字、布尔值、对象、数组或 null。对象用花括号"{ }“表示，键值对用冒号”:"分隔，键与值用逗号,分隔。 - 数组（
Array）：数组是一组有序的元素列表。数组用方括号"[ ]"表示，元素之间用逗号,分隔。 - 字符串（
String）：字符串是由双引号" "括起来的一系列字符。可以使用转义字符来表示特殊字符。 - 数字（
Number）：数字可以是整数或浮点数。整数可以是十进制、八进制（以"0"开头）或十六进制（以"0x"开头）。浮点数可以使用科学计数法表示。 - 布尔值（
Boolean）：布尔值只有两个值：true（表示真）或 false（表示假）。 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 字符串。
