在 ES11 中，我们可以使用 JSON 类和对象来更方便地操作 JSON 字符串。JSON 是一种轻量级的数据交换格式，通常用于前端与后端之间的数据传输。在前端开发中，我们经常需要将 JSON 字符串转换为对象进行操作，或者将对象转换为 JSON 字符串进行传输。ES11 中新增的 JSON 类和对象，可以让我们更方便地进行这些操作。
JSON 类
JSON 类是 ES11 中新增的一个全局类，它提供了一些静态方法，用于将 JSON 字符串转换为对象或将对象转换为 JSON 字符串。下面是 JSON 类的一些常用方法：
JSON.parse()
JSON.parse() 方法用于将 JSON 字符串转换为 JavaScript 对象。它接受一个字符串作为参数，返回一个对象。这个方法可以处理标准的 JSON 格式，也可以处理部分扩展的 JSON 格式。下面是一个示例：
const jsonStr = '{"name": "Alice", "age": 20}';
const obj = JSON.parse(jsonStr);
console.log(obj); // { name: 'Alice', age: 20 }JSON.stringify()
JSON.stringify() 方法用于将 JavaScript 对象转换为 JSON 字符串。它接受一个对象作为参数，返回一个字符串。这个方法可以处理标准的 JSON 格式，也可以处理部分扩展的 JSON 格式。下面是一个示例：
const obj = { name: 'Alice', age: 20 };
const jsonStr = JSON.stringify(obj);
console.log(jsonStr); // '{"name":"Alice","age":20}'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 格式。下面是一个示例：
const jsonStr = '{"name": "Alice", "birthday": "1999-01-01T00:00:00.000Z"}';
const obj = JSON.parseWithDate(jsonStr);
console.log(obj); // { name: 'Alice', birthday: 1999-01-01T00:00:00.000Z }JSON.stringifyWithDate()
JSON.stringifyWithDate() 方法用于将 JavaScript 对象转换为 JSON 字符串，并将 Date 对象自动转换为 ISO 格式的日期字符串。这个方法可以处理标准的 JSON 格式，也可以处理部分扩展的 JSON 格式。下面是一个示例：
const obj = { name: 'Alice', birthday: new Date('1999-01-01') };
const jsonStr = JSON.stringifyWithDate(obj);
console.log(jsonStr); // '{"name":"Alice","birthday":"1999-01-01T00:00:00.000Z"}'JSON.clone()
JSON.clone() 方法用于深度克隆一个 JavaScript 对象。这个方法可以处理标准的 JSON 格式，也可以处理部分扩展的 JSON 格式。下面是一个示例：
const obj = { name: 'Alice', family: { father: 'Bob', mother: 'Cathy' } };
const clonedObj = JSON.clone(obj);
console.log(clonedObj); // { name: 'Alice', family: { father: 'Bob', mother: 'Cathy' } }
console.log(clonedObj === obj); // false
console.log(clonedObj.family === obj.family); // false总结
ES11 中的 JSON 类和对象为前端开发提供了更方便的 JSON 字符串操作方法。我们可以使用 JSON.parse() 和 JSON.stringify() 方法将 JSON 字符串和 JavaScript 对象相互转换，也可以使用 JSON.parseWithDate() 和 JSON.stringifyWithDate() 方法处理日期类型，使用 JSON.clone() 方法进行深度克隆。这些方法的扩展用法可以根据实际需求进行定制。在实际开发中，我们可以根据需要选择合适的方法来进行 JSON 字符串操作，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65dda0a81886fbafa4af5fb2