在 ES6/ES7 中,新增了一些便于对象操作的运算符,这些运算符可以简化对象属性的访问、添加、删除以及枚举等操作。本文就来详细介绍这些增加的运算符。
对象属性扩展运算符(...)
在 ES6 中,对象属性扩展运算符可以将一个对象的属性复制到另一个对象中。例如:
----- --- - - -- -- -- - -- ----- ------ - - ------- -- - -- -------------------- -- --- -- -- -- -- --
此外,对象属性扩展运算符还可以用于提取对象中的部分属性。例如:
----- - -- -- ------- - - - -- -- -- -- -- -- -- - -- --------------- -- - --------------- -- - ------------------ -- - -- -- -- - -
Object.assign 方法
Object.assign 方法可以将多个对象合并为一个对象。其中,后面的对象会覆盖前面的对象中重复的属性。例如:
----- ---- - - -- - -- ----- ---- - - -- - -- ----- ------ - ----------------- ----- ------ -------------------- -- - -- -- -- - -
对象新增运算符
ES7 中新增了三种对象操作运算符:Object.getOwnPropertyDescriptors
、Object.values
、Object.entries
。
Object.getOwnPropertyDescriptors
Object.getOwnPropertyDescriptors
方法可以取到一个对象的所有属性描述符(包括数据描述符和访问器描述符)。它的语法如下:
-------------------------------------
其中,obj
是要获取属性描述符的对象。
----- --- - - -- -- --- --- - ------ -- - -- --------------------------------------------------- --- - -- - ------ -- --------- ----- ----------- ----- ------------- ---- -- -- - ---- ---------- --- --- ---- ---------- ----------- ----- ------------- ---- - - --
Object.values
Object.values
方法可以取到一个对象的所有值。它的语法如下:
-------------------
其中,obj
是要获取值的对象。
----- --- - - -- -- -- -- -- - -- -------------------------------- -- --- -- --
Object.entries
Object.entries
方法可以取到一个对象的所有键值对。它的语法如下:
-------------------
其中,obj
是要获取键值对的对象。
----- --- - - -- -- -- -- -- - -- --------------------------------- -- ------ --- ----- --- ----- ---
总结
本文介绍了 ES6/ES7 中新增的对象操作运算符和方法:对象属性扩展运算符、Object.assign 方法、Object.getOwnPropertyDescriptors、Object.values、Object.entries。这些运算符和方法可以方便的进行对象属性的添加、删除、修改和枚举等操作。在实际开发中,可以根据需要使用这些运算符和方法,提高开发效率。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/651fdd0b95b1f8cacd767f14