在 ES8 中，JavaScript 引入了许多新特性和方法，其中 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]在上面的代码中，我们定义了一个包含三个属性的对象 obj，然后使用 Object.values() 方法获取了该对象所有属性值组成的数组。最后，我们使用 console.log() 方法打印了这个数组。
Object.values() 方法的注意事项
虽然 Object.values() 方法非常实用，但是在使用该方法时，我们需要注意以下几点：
- Object.values() 方法只返回对象自身的属性值，不包括继承的属性值。
- Object.values() 方法的返回值是一个数组，数组中的值的顺序与对象属性的顺序无关。
- Object.values() 方法不能正确地处理 Symbol 类型的属性，因为 Symbol 类型的属性在 for...in 循环中被忽略。
以下是使用 Object.values() 方法的示例代码：
const obj = { a: 1, b: 2 };
const obj2 = Object.create(obj, { c: { value: 3 } });
console.log(Object.values(obj)); // [1, 2]
console.log(Object.values(obj2)); // [3]在上面的代码中，我们定义了一个包含两个属性的对象 obj，以及一个继承自 obj 的对象 obj2。然后，我们使用 Object.values() 方法分别获取了这两个对象的属性值，并打印了这些属性值。
需要注意的是，由于 obj2 的属性值是继承自 obj 的，所以 Object.values() 方法只返回 obj2 自身的属性值。
Object.values() 方法的使用技巧
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 values = Object.values(obj);
const sum = values.reduce((acc, cur) => acc + cur, 0);
console.log(sum); // 63. 获取对象属性值的平均值
我们可以使用 Object.values() 方法获取一个对象所有属性值组成的数组，并计算这些属性值的平均值。这个技巧非常实用，可以帮助我们快速计算对象属性值的平均值。以下是示例代码：
const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
const sum = values.reduce((acc, cur) => acc + cur, 0);
const avg = sum / values.length;
console.log(avg); // 24. 获取对象属性值的最大值和最小值
我们可以使用 Object.values() 方法获取一个对象所有属性值组成的数组，并计算这些属性值的最大值和最小值。这个技巧非常实用，可以帮助我们快速获取对象属性值的最大值和最小值。以下是示例代码：
const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
const max = Math.max(...values);
const min = Math.min(...values);
console.log(max); // 3
console.log(min); // 1结论
Object.values() 方法是一个非常实用的方法，可以帮助我们快速获取对象的所有属性值。在使用该方法时，我们需要注意其返回值的特点，以及 Symbol 类型属性的处理方式。我们还可以使用 Object.values() 方法实现一些实用的技巧，例如获取对象属性值的数组、总和、平均值、最大值和最小值等。
希望本文对你有所帮助，如果你有任何问题或建议，请在评论区留言，谢谢！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67623a4e856ee0c1d4fe9e7a