前言
ES8 是 ECMAScript 的第八个版本，于2017年6月发布。这个版本增加了一些新功能，其中一些是与对象有关的。本文将讨论三个新对象函数 Object.values()、Object.entries() 和 Object.getOwnPropertyDescriptors() 的实例应用。
Object.values()
Object.values() 方法返回一个给定对象自己的可枚举属性值的数组，顺序和对象本身属性的顺序保持一致。
语法
Object.values(obj)
其中，obj 为要返回其可枚举属性值的对象。
示例
const obj = {
a: 'one',
b: 'two',
c: 'three'
};
console.log(Object.values(obj));
// Output: ['one', 'two', 'three']Object.entries()
Object.entries() 方法返回一个给定对象自己的可枚举属性键值对的数组，键值对的顺序和对象本身属性的顺序保持一致。
语法
Object.entries(obj)
其中，obj 为要返回其可枚举属性键值对的对象。
示例
const obj = {
a: 'one',
b: 'two',
c: 'three'
};
console.log(Object.entries(obj));
// Output: [['a', 'one'], ['b', 'two'], ['c', 'three']]Object.getOwnPropertyDescriptors()
Object.getOwnPropertyDescriptors() 方法返回一个对象自己所有属性（包括不可枚举属性）的描述符的对象（Object）。这个方法返回的对象可以作为 Object.defineProperties() 或 Object.create() 方法的参数。
语法
Object.getOwnPropertyDescriptors(obj)
其中，obj 为要返回其属性描述符对象的对象。
示例
-- -------------------- ---- -------
----- --- - -
----- -------
---- ---
--- ---------- -
------ ------- -- ---- -- ------------ --- - -- ----------- ----- ------
-
--
----- -------------- - --------------------------------------
----------------------------
-- ------- - ----- - ------ ------- --------- ----- ----------- ----- ------------- ---- -- ---- - ------ --- --------- ----- ----------- ----- ------------- ---- -- --------- - ---- ---------- --- ---------- ---- ---------- ----------- ----- ------------- ---- - -应用
在前端开发中，Object.values()、Object.entries() 和 Object.getOwnPropertyDescriptors() 方法的应用非常广泛。我们来看看一些实际的应用场景。
获取对象属性值
我们可以使用 Object.values() 方法轻松地获取一个对象的所有值。这对我们想要找到某个对象属性的值或对任意类型对象进行快速值诊断非常有用。
-- -------------------- ---- ------- ----- --- - - -- ------ -- ------ -- ------- -- ----- ----------- - ------------------- ----------------------------------------- -- ------- ---- ------------------------------------------ -- ------- -----
遍历对象属性键值对
我们可以使用 Object.entries() 方法轻松地遍历一个对象的所有属性键值对。这对我们想要查询对象中的属性键值对、进行 API 通信等非常有用。
-- -------------------- ---- ------- ----- --- - - -- ------ -- ------ -- ------- -- --- ------ ----- ------ -- -------------------- - -------------------- ----------- - -- ------- -- -- --- -- -- --- -- -- -----
复制对象属性描述符
我们可以使用 Object.getOwnPropertyDescriptors() 方法轻松地复制一个对象的所有属性描述符。这对我们想要复制对象时保留属性描述符非常有用。
-- -------------------- ---- -------
----- --- - -
----- -------
---- ---
--- ---------- -
------ ------- -- ---- -- ------------ --- - -- ----------- ----- ------
-
--
----- -------------- - --------------------------------------
----- ------- - --------------------------- ----------------
------------------------------
-- ------- ------- -- ---- -- ---- --- - -- -- ----- -----结论
Object.values()、Object.entries() 和 Object.getOwnPropertyDescriptors() 方法是将 ECMAScript 语言的数据结构从基础面重新塑造的一步。这些方法为开发人员带来了新的便利，同时也使开发工作更具生产率。掌握这些方法，会让你的前端工作更加高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674fc50ffbd23cf8906f9b51