在 ES10 中，引入了两个新的 Object 方法：Object.entries() 和 Object.values()。它们可以帮助我们快速地从对象中获取所有键值对或者值的列表。本文将详细介绍这两个方法的用法和示例代码，并探讨它们的学习和指导意义。
Object.entries()
Object.entries() 方法接受一个对象作为参数，并返回一个数组，该数组包含对象的所有键（key）值（value）对。每个键值对都是一个由两项组成的数组，第一项是键，第二项是值。这些键值对的顺序是按照对象自身的属性顺序依次排列的。
下面是 Object.entries() 方法的示例代码：
const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);
console.log(entries);输出结果是：
[ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ]
可以看到，entries 数组中包含了 obj 对象的所有键值对。
Object.values()
Object.values() 方法接受一个对象作为参数，并返回一个数组，该数组包含对象的所有值。这些值的顺序是按照对象自身的属性顺序依次排列的。
下面是 Object.values() 方法的示例代码：
const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
console.log(values);输出结果是：
[ 1, 2, 3 ]
可以看到，values 数组中包含了 obj 对象的所有值。
指导意义
Object.entries() 和 Object.values() 方法可以帮助我们更方便、更高效地处理对象中的键值对或者值。它们的引入使得我们在编写 JavaScript 应用程序时能够更好地利用现代 JavaScript 特性。在有些场景下，使用它们可以使代码更加简洁易懂。
例如，在处理一个包含大量数据的对象时，我们可以使用 Object.entries() 和 Object.values() 方法来快速地将对象中的数据转换成键值对数组或者值数组。这样可以极大地简化代码，并且可以提升代码的性能。
总结
本文介绍了 ES10 中的 Object.entries() 和 Object.values() 方法的用法和示例代码，并探讨了它们的学习和指导意义。这两个方法可以让我们更方便、更高效地处理对象中的键值对或者值。在有些场景下，使用它们可以使代码更加简洁易懂。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a631ff48841e98942c687c