前言
Object.values()方法是ES8新增的一个非常实用的方法，在前端开发中经常会用到，因此本文将对该方法进行详细的介绍和使用示例，让大家更好地掌握ES8中的Object.values()方法。
Object.values()方法简介
Object.values()方法的作用是返回一个对象所有可枚举属性的值，以数组形式返回。该方法返回值的顺序与使用for...in循环遍历对象时返回的顺序相同。
Object.values(obj)
参数：obj - 需要返回其可枚举属性值的对象。
返回值：包含对象所有可枚举属性值的数组。
Object.values()方法使用示例
示例1：获取对象所有可枚举属性值
const obj = {
name: "张三",
age: 20,
gender: "男"
};
const valuesArray = Object.values(obj);
console.log(valuesArray); // 输出: ["张三", 20, "男"]上面的代码中，我们使用Object.values()方法获取了obj对象中所有可枚举属性的值，最终得到了一个包含所有属性值的数组valuesArray。
示例2：获取对象所有可枚举Symbol属性值
-- -------------------- ---- ------- ----- --- - - ----- ----- ---- --- ------- ---- ----------- ----------- -- ----- ----------- - ------------------- ------------------------- -- --- ------ --- ----
上面的代码中，我们在obj对象中新增了一个Symbol属性，我们使用Object.values()方法获取了所有可枚举属性的值，发现Symbol属性值没有被返回。
示例3：获取对象原型链上的属性值
-- -------------------- ---- ------- -------- ------------ ---- ------- - --------- - ----- -------- - ---- ----------- - ------- - ------------------------- - ---------- - ------------------- --- - - ----------- -- ----- - - --- ------------ --- ----- ----- ----------- - ----------------- ------------------------- -- --- ------ --- ----
上面的代码中，我们创建了一个Person构造函数，该函数有三个属性：name、age、gender，还有一个原型方法sayHello()。我们创建了一个p对象，并使用Object.values()方法获取了p对象所有可枚举属性的值，发现原型链上的方法和属性也被返回了。
注意事项
- Object.values()方法只返回对象自身的可枚举属性值，不包括继承的属性值。
- Object.values()方法返回值的顺序与使用for...in循环遍历对象时返回的顺序相同。
总结
本文详细介绍了ES8中新增的Object.values()方法的用法和使用示例。该方法非常实用，可以方便地获取一个对象所有可枚举属性的值，有助于我们简化代码，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d0468bb5eee0b52573cae7