在这个快速发展的时代，前端技术也在不断进步。ES9 (ECMAScript 2018) 是最近推出的 JavaScript 版本，其中包含了一些强大的新特性，其中就包括 Object.values() 和 Object.entries()。
Object.values()
Object.values() 方法返回一个给定对象自身的所有可枚举属性的值的数组，按照属性值的顺序排列，值的顺序是确定的。
语法
Object.values(obj)
参数
- obj：要返回其可枚举属性的值的对象。
示例代码
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.values(obj)); // [ 1, 2, 3 ]Object.values() 方法可用于遍历对象中的所有值，或者在我们需要获取对象中所有值的情况下非常有用。一般来说，使用 Object.keys() 方法获取对象的键然后使用 for 循环遍历对象的值很常见。但是，使用 Object.values() 可以更简洁和直观地实现这个过程。
Object.entries()
Object.entries() 方法返回给定对象的所有可枚举属性键值对的数组。返回的数组中每个元素都是一个二维数组，其中每个子数组包含键和值。
语法
Object.entries(obj)
参数
- obj：要返回所有可枚举属性键值对的对象。
示例代码
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.entries(obj)); // [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ]Object.entries() 方法返回一个二维数组，其中包含给定对象的所有可枚举属性键值对。这种形式的返回值非常适合用于分析对象中包含的数据，特别是将数组作为数据传递给服务端进行处理时。这些功能都可以通过 Object.entries() 方法轻松实现。
总结
ES9 新增加的 Object.values() 和 Object.entries() 方法对实现一些操作非常有用，例如遍历和生成数组。这些方法可以极大地提高开发效率和代码的可读性。同时，它们还可以使开发人员编写更为简洁和易于维护的代码。
参考链接
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653a56a97d4982a6eb449b38