ECMAScript 2019 中引入了对象扩展运算符,也称为展开运算符,它可以将一个对象展开为多个参数或对象属性。这个新特性可以帮助开发者更方便地操作对象,提高开发效率。
对象扩展运算符的基本用法
对象扩展运算符使用三个点(...)表示,它可以将一个对象展开为多个参数或对象属性。下面是一个简单的示例:
----- ------ - - ----- ------ ---- -- -- ----- - ----- ------- - - ------- ------------------ -- ------ ------------------ -- ---- ---- -- -
在上面的示例中,我们使用对象扩展运算符将 person
对象展开为两个变量 name
和 rest
,name
变量获取了 person
对象中的 name
属性,rest
变量获取了除 name
属性以外的所有属性,即 { age: 18 }
。这个示例演示了对象扩展运算符的基本用法。
对象扩展运算符的高级用法
除了基本用法之外,对象扩展运算符还有一些高级用法,下面将介绍其中两个。
合并对象
对象扩展运算符可以用于合并对象,下面是一个示例:
----- ------ - - ----- ------ ---- -- -- ----- ------- - - ----- ---------- -------- ------- -- ----- ------ - - ---------- ---------- -- -------------------- -- ---- ----- ------ ---- --- ----- ---------- -------- ------- -
在上面的示例中,我们使用对象扩展运算符将 person
和 address
两个对象合并为一个新的对象 merged
。合并后的对象包含了 person
和 address
两个对象的所有属性。
复制对象
对象扩展运算符还可以用于复制对象,下面是一个示例:
----- ------ - - ----- ------ ---- -- -- ----- ------ - - --------- -- -------------------- -- ---- ----- ------ ---- -- -
在上面的示例中,我们使用对象扩展运算符将 person
对象复制为一个新的对象 copied
。复制后的对象和原对象具有相同的属性和属性值。
总结
对象扩展运算符是 ECMAScript 2019 中的一个新特性,它可以将一个对象展开为多个参数或对象属性,可以帮助开发者更方便地操作对象,提高开发效率。除了基本用法之外,对象扩展运算符还可以用于合并对象和复制对象,这些高级用法可以帮助开发者更好地使用对象扩展运算符。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/65c4c610add4f0e0fff59b53