ECMAScript 2019 中引入了对象扩展运算符,也称为展开运算符,它可以将一个对象展开为多个参数或对象属性。这个新特性可以帮助开发者更方便地操作对象,提高开发效率。
对象扩展运算符的基本用法
对象扩展运算符使用三个点(...)表示,它可以将一个对象展开为多个参数或对象属性。下面是一个简单的示例:
const person = { name: 'Tom', age: 18 }; const { name, ...rest } = person; console.log(name); // 输出:Tom console.log(rest); // 输出:{ age: 18 }
在上面的示例中,我们使用对象扩展运算符将 person
对象展开为两个变量 name
和 rest
,name
变量获取了 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' }
在上面的示例中,我们使用对象扩展运算符将 person
和 address
两个对象合并为一个新的对象 merged
。合并后的对象包含了 person
和 address
两个对象的所有属性。
复制对象
对象扩展运算符还可以用于复制对象,下面是一个示例:
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