在 JavaScript 中，Object 是一个非常重要的对象类型。在 ES8 中，Object 对象新增了两个非常有用的方法：Object.entries() 与 Object.values()。本文将详细介绍这两个方法，并且提供示例代码，以便读者能够更好地理解它们的功能和使用方法。
Object.entries() 方法
Object.entries() 方法可以将一个对象转换为包含其属性和属性值的数组。这个方法返回的数组中，每个元素都是一个键值对数组（[key, value]）。其中，键值对的键对应着对象的属性名称，而键值对的值则对应着对象的属性值。这使得我们更加容易地使用对象属性和属性值。
下面是 Object.entries() 方法的使用示例：
const obj = { x: 1, y: 2, z: 3 };
const entries = Object.entries(obj);
console.log(entries); // [ [ 'x', 1 ], [ 'y', 2 ], [ 'z', 3 ] ]在上面的例子中，Object.entries(obj) 返回了一个由包含对象的属性和属性值的键值对数组（[key, value]）组成的数组。在这个例子中，结果是 [ [ 'x', 1 ], [ 'y', 2 ], [ 'z', 3 ] ]。这个方法可以很方便地将一个对象转换为一个数组，以便我们在之后的代码中遍历和操作它们。
Object.values() 方法
Object.values() 方法可以将一个对象转换为一个包含其属性值的数组。这个方法返回的数组中，每个元素都是对象的属性值。这个方法与 Object.entries() 方法类似，但是它只返回属性值，而不是包含属性和其对应值的键值对数组。
下面是 Object.values() 方法的使用示例：
const obj = { x: 1, y: 2, z: 3 };
const values = Object.values(obj);
console.log(values); // [ 1, 2, 3 ]在上面的例子中，Object.values(obj) 返回了一个由对象的属性值组成的数组。在这个例子中，结果是 [ 1, 2, 3 ]。这个方法也可以很方便地将一个对象转换为一个数组，以便我们在之后的代码中遍历和操作它们。
使用 Object.entries() 和 Object.values() 方法
当我们使用 Object.entries() 和 Object.values() 方法时，我们可以在代码中使用 for...of 循环来遍历它们。下面是一个示例：
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- ----- ------- - -------------------- ----- ------ - ------------------- -- ------- --- ------ ----- ------ -- -------- - -------------------- ----------- - -- ------- --- ------ ----- -- ------- - ------------------- -
在上面的代码中，我们使用了 Object.entries() 和 Object.values() 方法，将一个对象转换为它们对应的数组。然后，我们通过 for...of 循环遍历它们，分别输出了键值对数组的键和值，以及属性值数组的值。
结论
Object.entries() 和 Object.values() 方法是 ES8 中非常有用的新特性。它们可以将一个对象转换为一个由属性和属性值、或者属性值组成的数组。在使用这两个方法时，我们可以使用 for...of 循环来遍历它们，并且在后续的代码中使用它们。这些方法可以帮助我们更加方便地操作对象和访问它们的属性值。因此，在学习 JavaScript 的过程中，我们应该尽可能地熟悉和掌握这两个方法，以便能更好地进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6715ff76ad1e889fe21a1e4c