在 JavaScript 的新版本 ES9 中，引入了两个新的方法：Object.entries 和 Object.values。这两个方法与 ES6 中的 Object.keys 方法类似，用于遍历对象的属性。在本篇文章中，我们将详细介绍这两个方法，并为您提供示例代码和学习指导。
Object.entries 方法
Object.entries 方法返回一个数组，其中包含对象的可枚举属性键值对。这个数组是类似于一个二维数组，其中第一维的值是属性名称，第二维的值是对应的属性值。
下面是 Object.entries 方法的语法：
Object.entries(obj)
其中 obj 表示需要遍历的对象。
让我们看一个示例代码：
-- -------------------- ---- ------- ----- ------ - - ----- ------- ---- --- ------- ------ - ----- ------- - ---------------------- --------------------展开代码
输出结果为：
[ ['name', 'John'], ['age', 30], ['gender', 'Male'] ]
可以看到，返回的结果是一个数组，其中包含了对象的属性键值对。
Object.values 方法
Object.values 方法返回一个数组，其中包含对象的可枚举属性的值。这个数组是一个一维数组，其中每个元素的值是对象属性的值。
下面是 Object.values 方法的语法：
Object.values(obj)
其中 obj 表示需要遍历的对象。
让我们看一个示例代码：
-- -------------------- ---- ------- ----- ------ - - ----- ------- ---- --- ------- ------ - ----- ------ - --------------------- -------------------展开代码
输出结果为：
['John', 30, 'Male']
可以看到，返回的结果是一个一维数组，其中每个元素的值是对象属性的值。
学习指导
ES9 中的 Object.entries 和 Object.values 方法提供了一种新的方式来遍历对象属性。这两个方法的使用非常简单，只需要传入一个需要遍历的对象即可。这些方法可以让开发者更加高效地遍历对象，减少冗余代码的编写。
需要注意的是，Object.entries 和 Object.values 只会遍历对象的可枚举属性。如果需要遍历对象的所有属性，可以使用 for...in 循环。
在开发过程中，我们建议尽可能地使用 ES9 中的 Object.entries 和 Object.values 方法，以避免不必要的循环和条件语句，从而提高代码的可读性和可维护性。
结语
本篇文章中，我们介绍了 ES9 中的 Object.entries 和 Object.values 方法，包括了它们的基本用法和示例代码。希望本文能够对您学习和使用 JavaScript 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6786c4e14083a4caeefd627c
