在 ES8 中，新增了两个非常有用的 Object 方法：Object.values() 和 Object.entries()，它们可以用来获取对象的值和键值对。这两个方法的使用非常简单，但是它们的作用却非常强大，可以大大提高我们的开发效率。本文将详细介绍 Object.values() 和 Object.entries() 的用法和实例，并探讨它们的学习和指导意义。
Object.values()
Object.values() 方法返回一个给定对象的所有可枚举属性值的数组，数组中的值的顺序与使用 for...in 循环遍历对象时返回的顺序一致。如果对象没有可枚举属性，则返回空数组。
示例代码如下：
----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------- -------------------- -- --- -- --
在上面的示例中，我们定义了一个对象 obj，然后使用 Object.values() 方法获取了该对象的所有值并存储在 values 数组中。最后，我们使用 console.log() 方法打印出 values 数组的值，可以看到它包含了 obj 对象的所有值。
需要注意的是，Object.values() 方法只返回对象的可枚举属性值，不包括原型链上的属性值。如果需要获取所有属性值，包括原型链上的属性值，可以使用 Object.getOwnPropertyNames() 方法。
Object.entries()
Object.entries() 方法返回一个给定对象的所有可枚举属性的键值对数组，数组中的每个元素都是一个数组，第一个元素是属性名，第二个元素是属性值。数组中的键值对的顺序与使用 for...in 循环遍历对象时返回的顺序一致。如果对象没有可枚举属性，则返回空数组。
示例代码如下：
----- --- - - -- -- -- -- -- - -- ----- ------- - -------------------- --------------------- -- ------ --- ----- --- ----- ---
在上面的示例中，我们定义了一个对象 obj，然后使用 Object.entries() 方法获取了该对象的所有键值对并存储在 entries 数组中。最后，我们使用 console.log() 方法打印出 entries 数组的值，可以看到它包含了 obj 对象的所有键值对。
需要注意的是，Object.entries() 方法只返回对象的可枚举属性的键值对，不包括原型链上的键值对。如果需要获取所有键值对，包括原型链上的键值对，可以使用 Object.getOwnPropertyNames() 方法。
深度和学习意义
Object.values() 和 Object.entries() 方法的出现，可以让我们更加方便地获取对象的值和键值对，同时也可以大大提高我们的开发效率。使用这两个方法，我们可以更加简洁地编写代码，并且可以避免一些重复的操作。
另外，学习 Object.values() 和 Object.entries() 方法，也可以让我们更加深入地理解 JavaScript 中的对象和属性，以及如何操作它们。这对于我们的日常开发和技术提升都具有重要意义。
指导意义
在实际开发中，我们可以根据具体的需求选择使用 Object.values() 或 Object.entries() 方法。如果只需要获取对象的值，可以使用 Object.values() 方法；如果需要获取对象的键值对，可以使用 Object.entries() 方法。
另外，我们还可以将 Object.values() 和 Object.entries() 方法与其他数组方法一起使用，以实现更加强大的功能。比如，我们可以使用 map() 方法将对象的值进行转换，使用 filter() 方法过滤对象的值等等。
最后，需要注意的是，Object.values() 和 Object.entries() 方法是 ES8 中新增的方法，在使用之前需要确保浏览器或 Node.js 版本支持这两个方法。如果需要在不支持这两个方法的环境中使用，可以使用 polyfill 或者手动实现这两个方法。
总结
本文详细介绍了 ES8 中的 Object.values() 和 Object.entries() 方法的用法和实例，并探讨了它们的深度和学习以及指导意义。Object.values() 和 Object.entries() 方法可以极大地提高我们的开发效率，同时也可以帮助我们更加深入地理解 JavaScript 中的对象和属性。在实际开发中，我们可以根据具体的需求灵活选择使用这两个方法，以实现更加强大的功能。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65db0e921886fbafa4823b0c