在现代 Web 开发中，数据交换格式的选择至关重要。JSON（JavaScript Object Notation）因
其轻量级和易于阅读的特性，成为了前后端数 据 交 换 的首选格式。JavaScript 内置的
`JSON.stringify` 和 `JSON.parse` 方法，为开发者提供了便捷的 JSON 数据序列化和反序列化
能力。本文将深入探讨这两个方法的工作原理、使用场景以及一些高级技巧。
#### 1. JSON.stringify 方法
`JSON.stringify` 方法用于将 JavaScript 对象或值转换为 JSON 字符串。它接受三个参数：
`value`（必须），`replacer`（可选），和 `space`（可选）。
- **value**：需要序列化的 JavaScript 值。
- **replacer**：可选参数，可以是一个函数或数组。如果是函数，它允许你通过返回值来过
滤或转换属性值；如果是数组，则只有数组中包含的属性名会被序列化。
- **space**：用于美化输出的可选参数，可以是数字或字符串，用于指定缩进的空格数或缩
进字符串。
**代码示例**：
```javascript
const user = { name: "John", age: 30 };
const jsonString = JSON.stringify(user, ['name'], 2);
console.log(jsonString); // 输出: {"name":"John"}
```
在这个例子中，`replacer` 参数作为一个数组，指定了只有 `name` 属性被包含在序列化的
字符串中。`space` 参数为 `2`，指定了输出的 JSON 字符串有两格的缩进。
#### 2. JSON.parse 方法
`JSON.parse` 方法用于将 JSON 字符串转换为 JavaScript 值或对象。它同样接受两个参数：
`text`（必须）和 `reviver`（可选）。
- **text**：要被解析的 JSON 字符串。
- **reviver**：可选参数，如果提供了这个函数，它将被调用，以在返回之前对所得到的对
象执行变换。
**代码示例**：
```javascript
const jsonString = '{"name":"John","age":30}';
const user = JSON.parse(jsonString, (key, value) => {
if (key === "") return value; // 顶层对象
return value.toUpperCase(); // 将所有属性值转换为大写
});
console.log(user); // 输出: { name: "JOHN", age: 30 }
资源评论
杨哥带你写代码
- 粉丝: 2117
- 资源: 178
最新资源
- 基于HTML、JavaScript、CSS的静态网页入门设计源码 - gooPage教程
- 信捷XDH系列PLC追剪 飞剪 电子凸轮程序模板 包含了定长追剪和飞剪模式 定标飞剪 追剪模式 函数功能块无jia密，是学习信捷
- 基于Python和HTML的简单多网图书比价爬虫设计源码
- 基于Java语言开发的JiLeMe记了么日记应用设计源码
- 磁链观测器(仿真＋闭环代码+参考文档） 1.仿真采用simulink搭建，2018b版本 2.代码采用Keil软件编译，思路参考
- 基于HTML的便利店管理系统源码设计实践
- 飞秒多脉冲激光烧蚀热力耦合（双温方程+变形几何+固体力学）
- 基于SpringBoot和Vue的在线漫画网站系统设计源码
- A02:AT89C51单片机实现的简单串口控制LED程序 功能: 通过串口助手发送数据，单片机串口中断接受数据并控制LED亮
- 基于Java语言开发的新生报到系统设计源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
