JSON.stringify() 进阶指南：自定义转换和特殊情况处理 (json.stringify()和json.parse)

JSON.stringify() 是 JavaScript 中一个强大的工具，用于将 JavaScript 对象转换为 JSON 字符串。它提供了一系列选项来配置序列化过程，包括自定义转换和特殊情况处理。在本指南中，我们将深入探讨这些高级选项，以帮助你充分利用 JSON.stringify() 。

自定义转换

JSON.stringify() 允许你指定一个转换函数，在序列化值之前对它们进行处理。这对于处理复杂对象或实现自定义数据格式非常有用。要设置转换函数，请使用 replacer 参数。

例如，以下转换函数将任何 Date 对象转换为 ISO 8601 字符串：

const replacer = (key, value) => {// 如果值是 Date 对象，则将其转换为 ISO 8601 字符串if (value instanceof Date) {return value.toISOString();}// 否则，返回原始值return value;};

要使用转换函数，请将其作为 replacer 参数传递给 JSON.stringify() ：

const dateObj = new Date();const jsonStr = JSON.stringify({ date: dateObj }, replacer);// 输出：{"date":"2023-02-28T15:30:23.123Z"}

特殊情况处理

除了自定义转换， JSON.stringify() 还提供了一些特殊情况处理选项，以处理特定数据类型或场景。

处理循环引用

循环引用是指一个对象引用了自己或其某个祖先。这会导致 JSON.stringify() 调用无限递归并最终抛出错误。为了处理这种情况， JSON.stringify() 提供了 toJSON() 方法。

toJSON() 方法允许对象指定其自己的序列化方式。如果对象实现 toJSON() 方法，则 JSON.stringify() 将调用它来获取要序列化的值，而不是直接使用对象的属性。

例如，以下对象通过实现 toJSON() 方法来处理循环引用：

const cyclicObject = {prop1: 'value1',prop2: 'value2',toJSON() {// 创建一个新的对象，其中不包含循环引用return {prop1: this.prop1,prop2: this.prop2,};},};

使用 toJSON() 方法， JSON.stringify() 现在可以成功序列化循环引用对象：

const jsonStr = JSON.stringify(cyclicObject);// 输出：{"prop1":"value1","prop2":"value2"}

处理不可序列化的值

某些 JavaScript 值，例如 unDefined 、 Infinity 和 NaN ，不能直接序列化为 JSON。为了处理这些不可序列化的值， JSON.stringify() 提供了 reviver 参数。

reviver 参数是一个函数，在反序列化值后被调用。它允许你将不可序列化的值转换为可序列化的值。

例如，以下 reviver 函数将 undefined 替换为 null ：

const reviver = (key, value) => {// 如果值是 undefined，则将其替换为 nullif (value === undefined) {return null;}// 否则，返回原始值return value;};

要使用 reviver ，请将其作为 reviver 参数传递给 JSON.parse() ：

const jsonStr = '{"prop1":undefined}';const obj = JSON.parse(jsonStr, reviver);// 输出：{"prop1":null}

其他选项

除了自定义转换和特殊情况处理外， JSON.stringify() 还提供了其他选项来配置序列化过程。

spaces 参数

spaces 参数指定在输出的 JSON 字符串中缩进使用的空格数。这对于使 JSON 字符串更易于阅读很有用。

const jsonStr = JSON.stringify({prop1: 'value1',prop2: 'value2',}, null, 2);// 输出：// {// "prop1": "value1",// "prop2": "value2"// }

circular 参数（已弃用）

circular 参数用于处理循环引用（已弃用，请使用 toJSON() 方法）。

总结

通过使用自定义转换和特殊情况处理，你可以扩展 JSON.stringify() 的功能，以满足你的特定数据转换需求。这些高级选项使你能够处理复杂对象、循环引用和不可序列化的值，并控制输出的 JSON 字符串的格式。

请谨记， JSON.stringify() 和 JSON.parse() 是相互协作的，因此在使用高级选项时，确保在序列化和反序列化过程中使用相同的转换和处理函数非常重要。

---

关于vue中JSON.parse(JSON.stringify(...))使用深拷贝问题

在Vue开发中，((...)) 的组合使用常常被用来实现深拷贝操作，这里我们来详细探讨一下。 首先，() 和 () 分别有其独特的功能：- () 是将一个JSON格式的字符串解析成JavaScript对象，例如：原始字符串: var str = {name:huahua,age:22};解析操作: (str);这会得到一个对象: var obj = {name:hua,age: 26};- 而 () 则是将JavaScript对象转换成JSON格式的字符串。 当你直接对一个对象执行 ()，得到的字符串其实是一个浅拷贝，因为字符串只是引用了原始对象的地址。 为了实现深拷贝，即创建一个全新的对象并复制所有属性，可以先将对象转为字符串，再解析回对象，这样就创建了独立的新对象，即：深拷贝示例: = (())这样做的效果是，即使原始对象（）有嵌套的对象或数组，深拷贝也会为这些内容创建新的副本，确保在修改vueData时不会影响到原始对象（）。 总的来说，这是一种在Vue中实现对象深度复制的有效方法。

浅谈JSON.stringify和JOSN.parse方法的不同

是吧json对象变为String，而是把String解析成json。

“JSON.parse”和“JSON.stringify”有什么区别？

(“要转换的数组”) 。

(“要转化的数组”)。

3.首先，两个方法的用法是有差别的。

①是从一个对象中解析出字符串。

②是从一个字符串中解析出json(键值对)。

4.所以在使用的时候如果参数不对应，就不能正确转换。

JSON.stringify 与 JSON.parse 是Javascript自带的吗

不是 JavaScript 自带的，JavaScript 只是一种语言，定义 JSON 这个对象的是浏览器，JSON 这个对象是属于 HTML5 规范，目前最新版的浏览器都支持这个对象了。

一文彻底弄懂JSON.parse()与JSON.stringify()

深入理解 () 和 () 的功能和用法，对于对象与JSON字符串的交互至关重要。 这两个方法在转换和序列化过程中起着核心作用。

(): 从JSON字符串到对象

() 是将JSON字符串解析为JavaScript对象的关键工具。 最常见的用法是将字符串转换为包含数据的对象。 然而，在特殊情况下，如计算员工高温费，可通过reviver函数实现属性过滤或删除。 需要注意的是，如果输入的JSON格式有误，它会抛出SyntaxError异常。

(): 从对象到JSON字符串

与之相对，() 负责将JavaScript对象转换为JSON字符串。 使用时，可以指定特定属性进行序列化，或者处理数组和非数组对象的转换规则。 遇到循环引用或Bigint类型时，会引发TypeError异常。 MDN文档提供了详细的行为规范，包括值的序列化规则和异常处理。

其他应用场景

---

---

相关标签： 和json.parse、 进阶指南、 json.stringify、 自定义转换和特殊情况处理、 JSON.stringify、

上一篇：如何快速轻松地下载Tomcat70分步指南如何快

下一篇：JSONstringify与JSONparseJSON数据序列化与