ES7(ECMAScript 2016)在 JavaScript 的使用中增添了一些新的语法特性,其中包括了扩展对象属性的方法。本文将会讲述 ES7 新特性中,扩展对象属性的使用方法以及功能,着重考虑深度学习和指导意义。以下是扩展对象属性的两个方法。
Object.entries()
Object.entries()
方法将对象的所有键值对转化成一个数组,返回一个由二元素数组组成的数组。
语法:
Object.entries(obj)
参数:
obj: 对象类型,必须;需要转化为由二元素数组组成的数组。
返回值:
由二元素数组组成的数组,每个二元素数组中的第一个元素表示对象的键,第二个元素表示该键的值。
示例:
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- ------- -------- - ----- ------- - ---------------------- -------------------- -- - -------- --------- ------- ---- ---------- --------- -
Object.values()
Object.values()
方法返回一个数组,其中包含了对象中所有属性的值。
语法:
Object.values(obj)
参数:
obj: 对象类型,必须;需要获取所有属性值的对象。
返回值:
包含了对象中所有属性的值的数组。
示例:
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- ------- -------- - ----- ------ - --------------------- ------------------- -- --------- --- ---------
总结:
Object.entries()
方法和 Object.values()
方法都是 ES7 新特性,可以方便的将一个对象的键值对或者属性值获取到,使用上述方法可以减少冗余代码的编写。通过学习这些方法,可以更好地理解 ES7 中新特性的使用方式,从而在日常开发中提高自身的开发效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64ec0366f6b2d6eab364e912