ES9 中新增的 Object.values() 方法在实际开发中的使用

随着 JavaScript 的不断发展和普及，越来越多的新特性被加入到了这门语言中。ES9 中新增了 Object.values() 方法，用于获取一个对象中所有属性的值。本文将详细介绍这个方法的用法，以及在实际开发中的应用。

Object.values() 方法的使用

Object.values() 方法接受一个对象作为参数，返回一个由该对象的所有属性值所组成的数组。例如，假设我们有一个名为 person 的对象，其中包含了 name 和 age 两个属性，那么可以使用 Object.values() 方法来获取它们的值：

const person = {
  name: 'Tom',
  age: 18
};
const values = Object.values(person);
console.log(values); // ['Tom', 18]

注意，Object.values() 方法不能遍历对象的原型链上的属性。如果需要遍历包括原型链在内的所有属性，可以使用其他方法，例如 Object.getOwnPropertyNames()。

Object.values() 方法在实际开发中的应用

Object.values() 方法在实际开发中具有广泛的应用，例如：

1. 遍历对象的所有属性值

使用 Object.values() 方法可以轻松地遍历一个对象的所有属性值。例如，假设我们有一个包含了多个学生信息的对象数组，其中每个对象都包含了 name 和 score 两个属性，现在需要计算出每个学生的总分，可以这样写：

const students = [
  { name: 'Tom', score: 90 },
  { name: 'Jack', score: 85 },
  { name: 'Mary', score: 95 }
];
const totalScores = students.map(student => Object.values(student).reduce((acc, cur) => acc + cur));
console.log(totalScores); // [90, 85, 95]

2. 比较两个对象是否相等

使用 Object.values() 方法可以方便地比较两个对象是否拥有相同的属性值。例如，假设我们有两个名为 obj1 和 obj2 的对象，需要比较它们的属性值是否完全相同，可以这样写：

const obj1 = { name: 'Tom', age: 18 };
const obj2 = { name: 'Tom', age: 18 };
const isEqual = Object.values(obj1).toString() === Object.values(obj2).toString();
console.log(isEqual); // true

3. 获取对象的所有属性值并转换成字符串

使用 Object.values() 方法可以轻松地获取一个对象的所有属性值，并将它们转换成一个字符串。例如，假设我们有一个名为 person 的对象，包含了 name 和 age 两个属性，现在需要将它们的属性值拼成一个字符串，可以这样写：

const person = { name: 'Tom', age: 18 };
const str = Object.values(person).toString();
console.log(str); // 'Tom,18'

总结

Object.values() 方法是 ES9 中的一个新增特性，用于获取一个对象中所有属性的值。它的使用非常简单，可以方便地遍历对象的所有属性值，比较两个对象是否相等，以及获取一个对象的所有属性值并转换成字符串。在实际开发中，Object.values() 方法具有广泛的应用，可以帮助我们更加高效地编写代码。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c0be6f83d39b4881518a50