在前端开发中， JSON 是一种很重要的数据格式，它是现代 Web 应用程序中的一种标准，用于数据交换和存储。在 ES6 中，JSON 对象提供了一个叫做 JSON.stringify() 的方法，可以将 JavaScript 对象转换成 JSON 字符串。在 ES12 中，这个方法得到了新的改进，可以支持将 Map 和 Set 转换成 JSON 字符串。
Map 和 Set
在介绍新特性之前，我们先来了解一下 Map 和 Set。
Map
Map 是一种新的数据结构，它允许将任意类型的值（包括对象）用作键或值。与 Object 类似，但是 Map 更加灵活，并且可以保存按插入顺序排序的键值对。Map 的创建和使用方法如下所示：
-- -------------------- ---- ------- -- ---- --- -- --- ----- - --- ------ -- ----- ----------------- ---------- ----------------- ---------- ----------------- ---------- -- --- ------------------------------- -- --------- ------------------------------- -- --------- ------------------------------- -- ---------
Set
Set 是一种新的数据结构，它类似于数组，但是不能包含重复的值。Set 的创建和使用方法如下所示：
-- -------------------- ---- ------- -- ---- --- -- --- ----- - --- ------ -- ---- -------------------- -------------------- -------------------- -- ---- --------------------------------- -- ------- --------------------------------- -- ------- --------------------------------- -- -------
JSON.stringify() 的新特性
在 ES12 中，JSON.stringify() 方法可以将 Map 和 Set 转换成 JSON 字符串。这是因为 Map 和 Set 对象中的所有属性都是符号属性，无法在普通对象中使用，因此以前的 JSON.stringify() 方法无法转换 Map 和 Set。
JSON.stringify() 转换 Map
Map 对象可以使用 JSON.stringify() 方法将其转换为 JSON 字符串。使用这个方法时，可以向其中传入一个 replacer 参数，这个参数需要是一个函数。这个函数将在转换每个键值对时调用，并返回要序列化的值。例如，将 Map 对象转换成 JSON 字符串的代码如下所示：
-- -------------------- ---- -------
--- ----- - --- ------
----------------- ----------
----------------- ----------
----------------- ----------
--- ---- - --------------------------------- ----- ------ -- -
-- ------ ---------- ---- -
------ -
--------- ------
------ ----------------------------
--
- ---- -
------ ------
-
---
------------------在这个例子中，我们首先创建了一个 Map 对象，并使用 set() 方法向其中添加了一些键值对。然后我们使用了 JSON.stringify() 方法将其转换成 JSON 字符串。在这个方法中，我们向其中传入一个 replacer 函数。这个函数将在转换每个键值对时调用，并返回要序列化的值。在这个例子中，我们首先检查 value 是否是一个 Map 对象。如果是，则将其转换成一个对象，保存其中的键值对。最后，我们将这个对象作为值返回。
JSON.stringify() 转换 Set
Set 对象也可以使用 JSON.stringify() 方法将其转换为 JSON 字符串。与 Map 类似，我们需要向 JSON.stringify() 方法中传入一个 replacer 参数，传入的函数需要将 Set 转换成一个数组。例如，将 Set 对象转换成 JSON 字符串的代码如下所示：
-- -------------------- ---- -------
--- ----- - --- ------
--------------------
--------------------
--------------------
--- ---- - --------------------------------- ----- ------ -- -
-- ------ ---------- ---- -
------ -
--------- ------
------ ------------------
--
- ---- -
------ ------
-
---
------------------在这个例子中，我们首先创建了一个 Set 对象，并使用 add() 方法向其中添加了一些元素。然后我们使用 JSON.stringify() 方法将其转换成 JSON 字符串。与 Map 类似，我们向其中传入了一个 replacer 函数，这个函数将在转换每个元素时调用，并返回要序列化的值。在这个例子中，我们检查 value 是否是 Set 对象。如果是，则将其转换成一个对象，保存其中的元素。最后，我们将这个对象作为值返回。
总结
JSON.stringify() 方法是一个很常用的方法，它可以将 JavaScript 对象转换成 JSON 字符串。在 ES12 中，这个方法得到了新的改进，可以支持将 Map 和 Set 转换成 JSON 字符串。这种改进为开发人员提供了更加方便、简单的方式来处理这些数据类型。需要注意的是，在使用这个方法时，我们需要向其中传入一个 replacer 参数，并使用其中的函数进行处理，使得能够正确地返回想要的结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6455e292968c7c53b093ea26