在 ES7 中，新增了一个新的 JS 内置对象方法，其名为 Object.values()。以下将对它进行详细解读以及演示用例。
什么是 Object.values() 方法？
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]在上面的例子中，我们传入了一个包含属性的对象，并使用 Object.values() 方法获取到了这个对象中所有的属性值。
如果你需要获取一个对象的所有属性，可以使用 Object.keys() 方法来获取对象属性名称的数组，之后再通过遍历这个数组获取每个属性的值，示例代码如下：
const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj);
const values = keys.map((key) => {
return obj[key];
});
console.log(values); // [1, 2, 3]在上面的例子中，我们首先使用 Object.keys() 方法获取了对象中所有属性的名称，然后利用 Array.map() 进行遍历，从而通过每个属性的名称获取到其对应的值。
但其与 Object.values() 方法的不同点在于，使用 Object.values() 方法只需要一行代码即可直接获取到所有的属性值数组。
Object.values() 方法的指导意义
Object.values() 方法可以说是一个十分实用的新方法。例如，你需要将对象中的所有属性值求和，你可以使用以下的代码：
const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
const sum = values.reduce((a, b) => {
return a + b;
});
console.log(sum); // 6在上面的例子中，我们传入了一个包含属性的对象，并使用 Object.values() 方法获取到了这个对象中所有的属性值，之后使用 Array.reduce() 方法对每个属性值进行求和操作，最后得到了一个值，表示对象所有属性值的总和。
正是由于 Object.values() 方法的实用性，让它成为了一个不可或缺的工具，在日常的前端开发中会用到。
结论
Object.values() 方法可以在对象中获取属性值并返回一个包含这些属性值的数组。这种新的 JS 内置对象方法可以让开发人员的代码更加简练，同时也有助于代码的可读性和可维护性的提升。在实际应用中，开发人员应当充分利用 Object.values() 方法来提高代码的效率和降低开发成本。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67529cf88bd460d3ad9679ca