在 ES11 中，我们可以使用 JSON 类和对象来更方便地操作 JSON 字符串。JSON 是一种轻量级的数据交换格式，通常用于前端与后端之间的数据传输。在前端开发中，我们经常需要将 JSON 字符串转换为对象进行操作，或者将对象转换为 JSON 字符串进行传输。ES11 中新增的 JSON 类和对象，可以让我们更方便地进行这些操作。
JSON 类
JSON 类是 ES11 中新增的一个全局类，它提供了一些静态方法，用于将 JSON 字符串转换为对象或将对象转换为 JSON 字符串。下面是 JSON 类的一些常用方法：
JSON.parse()
JSON.parse() 方法用于将 JSON 字符串转换为 JavaScript 对象。它接受一个字符串作为参数，返回一个对象。这个方法可以处理标准的 JSON 格式，也可以处理部分扩展的 JSON 格式。下面是一个示例：
----- ------- - --------- -------- ------ ----- ----- --- - -------------------- ----------------- -- - ----- -------- ---- -- -
JSON.stringify()
JSON.stringify() 方法用于将 JavaScript 对象转换为 JSON 字符串。它接受一个对象作为参数，返回一个字符串。这个方法可以处理标准的 JSON 格式，也可以处理部分扩展的 JSON 格式。下面是一个示例：
----- --- - - ----- -------- ---- -- -- ----- ------- - -------------------- --------------------- -- ---------------------------
JSON.parse() 和 JSON.stringify() 的扩展用法
在 ES11 中，JSON.parse() 和 JSON.stringify() 方法还可以接受第二个参数，用于自定义转换规则。下面是一些扩展用法的示例：
-- ------
----- ------- - --------- -------- ------ -------
----- --- - ------------------- ----- ------ -- -
-- ---- --- ------ -
------ --------------
-
------ ------
---
----------------- -- - ----- -------- ---- -- -
-- -------
----- --- - - ----- -------- ---- -- --
----- ------- - ------------------- ----- ------ -- -
-- ---- --- ------ -
------ --------------
-
------ ------
---
--------------------- -- -----------------------------JSON 对象
除了 JSON 类之外，ES11 中还新增了一个 JSON 对象，它提供了一些静态方法，用于更方便地操作 JSON 字符串。下面是 JSON 对象的一些常用方法：
JSON.parseWithDate()
JSON.parseWithDate() 方法用于将 JSON 字符串转换为 JavaScript 对象，并将 ISO 格式的日期字符串自动转换为 Date 对象。这个方法可以处理标准的 JSON 格式，也可以处理部分扩展的 JSON 格式。下面是一个示例：
----- ------- - --------- -------- ----------- ----------------------------- ----- --- - ---------------------------- ----------------- -- - ----- -------- --------- ------------------------ -
JSON.stringifyWithDate()
JSON.stringifyWithDate() 方法用于将 JavaScript 对象转换为 JSON 字符串，并将 Date 对象自动转换为 ISO 格式的日期字符串。这个方法可以处理标准的 JSON 格式，也可以处理部分扩展的 JSON 格式。下面是一个示例：
----- --- - - ----- -------- --------- --- ------------------ -- ----- ------- - ---------------------------- --------------------- -- --------------------------------------------------------
JSON.clone()
JSON.clone() 方法用于深度克隆一个 JavaScript 对象。这个方法可以处理标准的 JSON 格式，也可以处理部分扩展的 JSON 格式。下面是一个示例：
----- --- - - ----- -------- ------- - ------- ------ ------- ------- - -- ----- --------- - ---------------- ----------------------- -- - ----- -------- ------- - ------- ------ ------- ------- - - --------------------- --- ----- -- ----- ---------------------------- --- ------------ -- -----
总结
ES11 中的 JSON 类和对象为前端开发提供了更方便的 JSON 字符串操作方法。我们可以使用 JSON.parse() 和 JSON.stringify() 方法将 JSON 字符串和 JavaScript 对象相互转换，也可以使用 JSON.parseWithDate() 和 JSON.stringifyWithDate() 方法处理日期类型，使用 JSON.clone() 方法进行深度克隆。这些方法的扩展用法可以根据实际需求进行定制。在实际开发中，我们可以根据需要选择合适的方法来进行 JSON 字符串操作，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65dda0a81886fbafa4af5fb2