JSON.stringify 是 JavaScript 中常用的方法之一，用于将 JavaScript 对象转换为 JSON 字符串。在 ECMAScript 2020（ES11）中，JSON.stringify 方法进行了优化，使其更加灵活和易用。
优化一：支持循环引用
在以前的版本中，如果对象中存在循环引用，JSON.stringify 方法会引发 TypeError 错误。例如：
let obj = {
name: 'Alice'
};
obj.self = obj;
JSON.stringify(obj); // TypeError: Converting circular structure to JSON在 ES11 中，JSON.stringify 方法可以正常处理循环引用的情况。当遇到循环引用时，方法会将循环引用的部分替换为 null。例如：
let obj = {
name: 'Alice'
};
obj.self = obj;
JSON.stringify(obj); // {"name":"Alice","self":null}优化二：支持自定义序列化
在 ES11 中，JSON.stringify 方法新增了第二个参数，用于自定义序列化对象的方式。这个参数可以是一个函数或一个数组。
函数方式
如果第二个参数是一个函数，该函数接收两个参数：键和值。它可以返回一个值，用于替换原来的值。例如：
-- -------------------- ---- -------
--- --- - -
----- --------
---- --
--
--- --- - ------------------- ----- ------ -- -
-- ---- --- ------- -
------ --------------------
-
-- ---- --- ------ -
------ ----- - --
-
------ ------
---
----------------- -- -------------------------数组方式
如果第二个参数是一个数组，该数组包含一组字符串或函数。字符串用于选择要序列化的属性，函数用于自定义序列化方式。例如：
-- -------------------- ---- -------
--- --- - -
----- --------
---- ---
------- --------
--
--- --- - ------------------- -------- ----- ------ -- -
-- ---- --- ------ -
------ ----- - --
-
------ ------
----
----------------- -- -------------------------指导意义
ES11 对 JSON.stringify 方法的优化，使其更加灵活和易用。我们可以通过自定义序列化方式，轻松地实现对对象的深度转换和格式化。这对于前端开发来说是非常有用的。
我们可以在项目中使用这个方法，将对象转换为 JSON 字符串，然后传输到后端或保存到本地存储中。在后端，我们可以使用 JSON.parse 方法将 JSON 字符串转换为对象。这样，前后端之间的数据交互就变得更加简单和方便了。
总结
ES11 对 JSON.stringify 方法进行了优化，支持循环引用和自定义序列化。这个方法在前端开发中非常常用，我们可以通过这个方法实现对象的转换和格式化。在实际项目中，我们可以灵活运用这个方法，使前后端数据交互更加便捷。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/655da526d2f5e1655d7e9c83