ES9 新增了什么方法？

随着 JavaScript 的发展和应用场合的不断扩大，ECMAScript（简称 ES）也不断更新和完善。ES9 在 2018 年 6 月发布，新增了一些有用的方法，包括 Object 新增的 entries、values 和 getOwnPropertyDescriptors 方法。

Object.entries

Object.entries 方法返回一个给定对象自身可枚举属性的键值对数组，数组中每个元素都是一个形如 [key, value] 的数组，其中 key 是属性名，value 是对应的属性值。如果对象的属性是 Symbol 类型，则 Object.entries 也会返回它。

示例代码：

const obj = {a: 1, b: 2, [Symbol()]: 3};
console.log(Object.entries(obj)); // [['a', 1], ['b', 2], [Symbol(), 3]]

Object.entries 方法可以方便地遍历对象的属性，特别是在需要将属性存储为数组或做进一步处理时非常有用。

Object.values

Object.values 方法返回一个给定对象自身可枚举属性的值的数组，和 Object.entries 所返回的数组相似，但不包含属性名，只包含对应的属性值。

示例代码：

const obj = {a: 1, b: 2, c: 3};
console.log(Object.values(obj)); // [1, 2, 3]

Object.values 方法可以方便地获取对象属性值的数组，而不需要额外的遍历操作。

Object.getOwnPropertyDescriptors

Object.getOwnPropertyDescriptors 方法返回一个对象所有自身属性（非继承得来的属性）的描述符。描述符包含值、读取器、写入器、可枚举、可配置和可写性等信息。

示例代码：

const obj = {
  a: 1,
  get b() {
    return 2;
  }
};
console.log(Object.getOwnPropertyDescriptors(obj)); // {a: {value: 1, writable: true, enumerable: true, configurable: true}, b: {get: [Function: get b], set: undefined, enumerable: true, configurable: true}}

Object.getOwnPropertyDescriptors 方法可以方便地获取对象所有属性的描述符对象，而不需要使用 Object.getOwnPropertyDescriptor 方法来获取单个属性的描述符。

总结与指导意义

ES9 新增的三个方法 Object.entries、Object.values 和 Object.getOwnPropertyDescriptors 可以方便地获取对象属性的键值对、值和描述符对象，使得处理对象的属性更加方便和灵活，可以提高开发效率。同时，也表明了 JavaScript 在不断完善和扩展的同时，更加注重开发体验和开发效率的提高。

在编写代码时，我们可以尽量使用 ES9 新增的方法来处理对象的属性，提高代码的可读性和可维护性。同时，也要注意兼容性问题，因为有些浏览器可能还不支持 ES9 所新增的方法，需要使用 polyfill 或其他语法转换工具进行处理。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64afd97248841e9894c0faa7