随着 Javascript 语言的发展，ES6、ES7、ES8 也相继发布。其中，ES8 带来了一些新的特性，包括对对象的新操作。在这篇文章中，我们将探讨 ES8 中提供的 Object.values()，Object.entries() 和 Object.getOwnPropertyDescriptors() 方法，以及如何使用它们来操作对象。
Object.values()
Object.values() 方法返回一个给定对象自身的所有可枚举属性值的数组，且返回值的顺序与手动遍历该对象属性值的顺序一致。例如：
const obj = { a: "foo", b: 42, c: {} };
console.log(Object.values(obj)); // ["foo", 42, {}]在上面的示例中，我们使用 Object.values() 方法获取了 obj 对象的所有属性值，并将它们作为数组返回。可以注意到，返回的数组中，每个元素的顺序与 obj 对象中属性值的顺序完全一致。
Object.entries()
和 Object.values() 方法类似，Object.entries() 方法也是返回一个给定对象的所有属性值，但返回的是一个键值对的数组。例如：
const obj = { a: "foo", b: 42, c: {} };
console.log(Object.entries(obj)); // [["a", "foo"], ["b", 42], ["c", {}]]在上面的示例中，我们使用 Object.entries() 方法获取了 obj 对象的所有键值对，并将它们作为数组返回。可以注意到，返回的数组中，每个元素都是一个键值对数组，第一个元素是对象属性名，第二个元素是属性值。
Object.getOwnPropertyDescriptors()
Object.getOwnPropertyDescriptors() 方法返回一个给定对象所有自身属性的描述符对象，其中描述符对象包含对应属性的配置信息，包括可枚举性、可写性、可配置性以及属性值等信息。例如：
const obj = { a: "foo", b: 42, c: {} };
console.log(Object.getOwnPropertyDescriptors(obj));
/* {
a: {value: "foo", writable: true, enumerable: true, configurable: true},
b: {value: 42, writable: true, enumerable: true, configurable: true},
c: {value: {}, writable: true, enumerable: true, configurable: true}
} */在上面的示例中，我们使用 Object.getOwnPropertyDescriptors() 方法获取了 obj 对象的所有描述符对象，并将它们作为一个新的对象返回。可以注意到，返回的对象中，每个属性名对应的值为一个描述符对象，描述符对象包含了对应属性的所有信息。
总结
在本文中，我们介绍了 ES8中提供的三个操作对象的方法：Object.values()、Object.entries() 和 Object.getOwnPropertyDescriptors()。它们分别是获取对象属性值、获取对象键值对以及获取对象描述符对象的方法，可以方便地操作对象，并获取到所需要的信息。
这些方法可以提高代码的可读性和可维护性，并且也能够提高开发效率。我们希望本文可以对读者了解这些方法和在实际开发中的应用有所帮助。
示例代码
以下是一个使用 Object.values()、Object.entries() 和 Object.getOwnPropertyDescriptors() 方法的示例代码：
// javascriptcn.com 代码示例
const obj = { a: "foo", b: 42, c: {} };
// 使用 Object.values() 返回对象属性值数组
const values = Object.values(obj);
console.log(values); // ["foo", 42, {}]
// 使用 Object.entries() 返回对象键值对数组
const entries = Object.entries(obj);
console.log(entries); // [["a", "foo"], ["b", 42], ["c", {}]]
// 使用 Object.getOwnPropertyDescriptors() 返回描述符对象
const descriptors = Object.getOwnPropertyDescriptors(obj);
console.log(descriptors);
/* {
a: {value: "foo", writable: true, enumerable: true, configurable: true},
b: {value: 42, writable: true, enumerable: true, configurable: true},
c: {value: {}, writable: true, enumerable: true, configurable: true}
} */来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652fa2677d4982a6eb0d0a8a