在 JavaScript 中，获取对象的属性值通常需要使用 for...in 循环或 Object.keys() 方法遍历对象属性，这样的代码过程往往比较冗长和繁琐，也不太符合现代 JavaScript 代码的简洁风格。为了解决这个问题，ES8 推出了 Object.values() 方法，该方法可以用来快速获取一个对象的所有属性值，让代码变得更加简洁和易读。
Object.values() 方法详解
Object.values() 方法是一个静态方法，它返回一个由对象的属性值组成的数组。具体来说，该方法会遍历对象的自身可枚举属性，忽略继承的属性，然后将属性值存入数组并返回。如果对象本身不包含任何属性，则返回一个空数组。
Object.values() 的语法如下：
Object.values(obj)
其中，obj 表示要获取属性值的对象。
Object.values() 方法示例
让我们来看一个实际的例子，假设有一个对象描述了一个人的信息：
const person = {
name: 'Alice',
age: 30,
gender: 'female'
};如果要获取该对象的所有属性值，我们可以使用 Object.values() 方法：
const values = Object.values(person); console.log(values);
上述代码将输出如下结果：
["Alice", 30, "female"]
可以看到，Object.values() 方法返回了一个由对象属性值组成的数组。
Object.values() 方法的指导意义
使用 Object.values() 方法可以使代码变得更加简洁和易读。相比于 for...in 循环或 Object.keys() 方法，使用 Object.values() 方法可以省去一些繁琐的代码，让代码更加清晰易懂。
除此之外，Object.values() 方法还可以与其他 JavaScript 方法一起使用，如 Array.reduce() 方法。例如，如果要计算一个对象的所有数值属性之和，可以使用以下代码：
const obj = { a: 1, b: 2, c: 3 };
const sum = Object.values(obj).reduce((acc, val) => acc + val, 0);
console.log(sum); // 输出 6最后，需要注意的是，Object.values() 方法不会遍历对象原型链上继承的属性，这可能会导致一些潜在的问题。因此，在使用该方法时，应该明确对象的结构，确保它只包含自身定义的属性。
总结
通过本文的学习，我们了解了使用 Object.values() 方法快速获取对象的属性值的基本知识和原理。Object.values() 方法可以使代码变得更加简洁和易读，同时也可以与其他 JavaScript 方法一起使用，提高代码效率和质量。在实际开发中，我们应该充分利用该方法，提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ad57b548841e98949811a6