在 ECMAScript 2017（ES8）中，新增了一个方法：Object.values()。这个方法可以返回一个对象的所有可枚举属性的值，以数组的形式展示出来。在前端开发中，Object.values() 方法可以大大简化我们的编码流程，提高代码效率。在本文中，我们将深入探讨 Object.values() 方法的使用，包括语法、示例以及使用方法。
语法
Object.values() 方法的语法如下：
------------------
其中，obj 为需要转换的对象，该方法会返回一个数组，数组中包含了对象的所有可枚举属性值（按属性名的升序排列）。
示例
----- --- - - ---- ------ ---- -- -- -------------------------------- -- ------- ---
在上述例子中，我们使用了 Object.values() 方法将 obj 转换为了一个数组，并且在控制台中输出了该数组。我们可以看到该数组中包含了对象 obj 的所有可枚举属性值。
注意事项
Object.values() 方法会返回一个数组，如果传入的参数为空，会返回一个空数组。
Object.values() 方法只会返回对象的可枚举属性的值，并且是按属性名的升序排列。
Object.values() 方法不能遍历对象的原型链上的属性。
Object.values() 方法在支持 ES8 的浏览器中可以直接使用，但在不支持 ES8 的浏览器中需要使用 polyfill。
使用方法
使用 Object.values() 方法非常简单，只需要按照上述语法进行调用即可。在实际开发中，我们通常将 Object.values() 方法与其他方法进行组合使用，以实现更复杂的功能。下面是一些使用 Object.values() 方法的示例：
1. 获取对象的属性值的总和
----- --- - - -- -- -- -- -- - -- ----- --- - ----------------------------- -- -- - - --- ----------------- -- -
在上述例子中，我们首先使用 Object.values() 方法将 obj 转换为一个数组，然后利用 reduce() 方法求得了该数组的和，最终输出了该和。
2. 判断对象中是否存在某个值
----- --- - - -- -- -- -- -- - -- ----- ------- - ------------------------------- --------------------- -- -----
在上述例子中，我们先使用 Object.values() 方法将 obj 转换为一个数组，然后使用 includes() 方法判断该数组中是否包含了值为 4 的元素，并输出了判断结果。
总结
通过本文的学习，我们了解了 ECMAScript 2017（ES8）中新增的 Object.values() 方法，并掌握了该方法的语法、示例以及使用方法。Object.values() 方法可以大大简化我们的编码流程，提高代码效率，希望本文对您在实际开发中有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/647c1aa9968c7c53b074889a