ECMAScript 2019 中的对象扩展运算符的使用示例

ECMAScript 2019 中引入了对象扩展运算符,也称为展开运算符,它可以将一个对象展开为多个参数或对象属性。这个新特性可以帮助开发者更方便地操作对象,提高开发效率。

对象扩展运算符的基本用法

对象扩展运算符使用三个点(...)表示,它可以将一个对象展开为多个参数或对象属性。下面是一个简单的示例:

const person = { name: 'Tom', age: 18 };
const { name, ...rest } = person;
console.log(name); // 输出:Tom
console.log(rest); // 输出:{ age: 18 }

在上面的示例中,我们使用对象扩展运算符将 person 对象展开为两个变量 namerestname 变量获取了 person 对象中的 name 属性,rest 变量获取了除 name 属性以外的所有属性,即 { age: 18 }。这个示例演示了对象扩展运算符的基本用法。

对象扩展运算符的高级用法

除了基本用法之外,对象扩展运算符还有一些高级用法,下面将介绍其中两个。

合并对象

对象扩展运算符可以用于合并对象,下面是一个示例:

const person = { name: 'Tom', age: 18 };
const address = { city: 'Beijing', country: 'China' };
const merged = { ...person, ...address };
console.log(merged); // 输出:{ name: 'Tom', age: 18, city: 'Beijing', country: 'China' }

在上面的示例中,我们使用对象扩展运算符将 personaddress 两个对象合并为一个新的对象 merged。合并后的对象包含了 personaddress 两个对象的所有属性。

复制对象

对象扩展运算符还可以用于复制对象,下面是一个示例:

const person = { name: 'Tom', age: 18 };
const copied = { ...person };
console.log(copied); // 输出:{ name: 'Tom', age: 18 }

在上面的示例中,我们使用对象扩展运算符将 person 对象复制为一个新的对象 copied。复制后的对象和原对象具有相同的属性和属性值。

总结

对象扩展运算符是 ECMAScript 2019 中的一个新特性,它可以将一个对象展开为多个参数或对象属性,可以帮助开发者更方便地操作对象,提高开发效率。除了基本用法之外,对象扩展运算符还可以用于合并对象和复制对象,这些高级用法可以帮助开发者更好地使用对象扩展运算符。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65c4c610add4f0e0fff59b53