随着 JavaScript 的不断发展，新的语法和 API 不断涌现，其中 ES7 引入的 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]上面的代码中，我们定义了一个对象 obj，它包含三个属性 a、b 和 c，然后使用 Object.values() 方法获取该对象中所有的属性值，最后将结果打印出来，输出的是一个包含三个元素的数组，分别是属性 a、b 和 c 的值。
需要注意的是，Object.values() 方法只会返回对象自身的可枚举属性的值，不包括继承的属性和 Symbol 类型的属性。
Object.values() 的应用场景
Object.values() 方法的应用场景非常广泛，下面列举了一些常见的用法。
1. 获取对象中的属性值
这是 Object.values() 方法最基本的用法，我们可以使用它来获取一个对象中所有的属性值，从而避免手动遍历对象获取属性值的繁琐操作。
const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
console.log(values); // [1, 2, 3]2. 获取对象中的属性值列表
有时候我们需要将对象中的属性值转换为一个列表，可以使用 Object.values() 方法实现。
const obj = { a: 1, b: 2, c: 3 };
const list = Object.values(obj).map((value, index) => `${index + 1}. ${value}`);
console.log(list); // ['1. 1', '2. 2', '3. 3']上面的代码中，我们先使用 Object.values() 方法获取对象中所有的属性值，然后使用 map() 方法将每个属性值转换为一个字符串，再将这些字符串组合成一个列表。
3. 获取对象中的属性值总和
如果一个对象中的属性值都是数字类型，我们可以使用 Object.values() 方法来获取它们的总和。
const obj = { a: 1, b: 2, c: 3 };
const sum = Object.values(obj).reduce((acc, cur) => acc + cur, 0);
console.log(sum); // 6上面的代码中，我们先使用 Object.values() 方法获取对象中所有的属性值，然后使用 reduce() 方法将它们累加起来，最后得到它们的总和。
4. 获取对象中的属性值最大值和最小值
如果一个对象中的属性值都是数字类型，我们可以使用 Object.values() 方法来获取它们的最大值和最小值。
const obj = { a: 1, b: 2, c: 3 };
const max = Math.max(...Object.values(obj));
const min = Math.min(...Object.values(obj));
console.log(max, min); // 3 1上面的代码中，我们先使用 Object.values() 方法获取对象中所有的属性值，然后使用 Math.max() 和 Math.min() 方法获取它们的最大值和最小值。
总结
Object.values() 方法是 ES7 中引入的一个非常实用的新特性，它可以让我们更方便地获取一个对象中所有的属性值，从而避免手动遍历对象获取属性值的繁琐操作。本篇文章介绍了 Object.values() 方法的基本用法和常见应用场景，并提供了相应的示例代码，希望能对你的前端开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6566ce0fd2f5e1655dfc3bc1