JavaScript是一种高级编程语言，具有广泛的应用领域。而JSON则是JavaScript的一种数据格式，用于数据的传输和存储。ES11中新增了对JSON的扩展，这些新特性允许开发人员更加方便地操作JSON数据，并提高了代码的可读性和可维护性。下面我们就来看一下ES11中JSON的扩展。
JSON操作符
JSON操作符是ES11新增的语法，用于检查对象是否存在某个属性。这个操作符的语法如下：
myObject?.myProperty
其中myObject是一个JSON对象，而myProperty则是myObject的一个属性。这个操作符会检查myObject对象是否存在myProperty属性，如果存在则返回该属性。如果对象不存在，则返回undefined。这个操作符可以减少一些繁琐的代码，但要注意myObject必须是一个JSON对象，否则会报错。
下面是一个示例代码，演示了如何使用JSON操作符：
let myObject = {name: 'John', age: 25};
let myProperty = myObject?.age;
console.log(myProperty); // 25在上面的示例代码中，我们使用JSON操作符来检查myObject对象是否存在age属性，如果存在，则将该属性的值赋值给myProperty变量。
JSON字符串转义
JSON字符串转义是ES11中另一个重要的JSON扩展特性。之前，在JSON中使用反斜杠来转义某些字符是很常见的，但这种转义方式不太直观，容易出错。ES11中，我们可以使用一个新的转义序列，即\uNNNN，其中NNNN是一个四位数的Unicode码。
下面是一个示例代码，演示了如何使用\u转义序列：
let jsonString = '{"name":"John","age":25, "address":"\u4e2d\u56fd"}';
let jsonObject = JSON.parse(jsonString);
console.log(jsonObject.address); // 中国在上面的示例代码中，我们使用\u转义序列将一个汉字转义为Unicode码，然后在打印JSON对象时，该汉字就会被正确地显示出来。
JSON对象合并
ES11中，我们在处理JSON数据时，经常需要将两个或多个JSON对象合并。在ES6之前，我们通常使用Object.assign()方法来实现这个功能。但是这个方法有一些不足之处，例如它只能复制一个对象的一级属性，并且在复制时如果遇到相同属性名，就会覆盖掉原有属性的值。
ES11中，我们可以使用Object Spread运算符（…）来合并JSON对象。它不仅可以复制对象的所有属性（包括嵌套属性），而且如果遇到相同属性名时，也可以合并它们的值。这个运算符非常实用，可以帮助我们更快捷地写出优美的代码。
下面是一个示例代码，演示了如何使用Object Spread运算符合并JSON对象：
let obj1 = {x: 1, y: 2};
let obj2 = {y: 3, z: 4};
let obj3 = {...obj1, ...obj2};
console.log(obj3); // {x: 1, y: 3, z: 4}在上面的示例代码中，我们使用了Object Spread运算符（…）将obj1和obj2合并成一个新的对象obj3，并且obj3的属性值是obj1和obj2属性的合并结果。其中，由于obj2中的'y'属性覆盖了obj1中的'y'属性，所以最终结果的'y'属性的值为3。
总结
ES11中对JSON的扩展增加了非常实用的特性，它们可以帮助我们更加轻松地处理JSON数据。JSON操作符可以简化一些繁琐的代码，JSON字符串转义可以直观地表示Unicode字符，而使用Object Spread运算符可以简单而准确地合并JSON对象。尽管这些特性都很简单，但它们却具有很强的指导意义。了解和掌握这些特性，可以为我们今后的前端开发工作带来帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652f78237d4982a6eb09ac84