在前端开发中，我们经常需要遍历对象的属性。ES6 中引入了 Object.keys() 方法，可以返回对象的所有属性名数组，但是如果我们需要遍历对象的属性值，就需要使用 for...in 循环或者 Object.entries() 方法。这些方法虽然能够完成任务，但是效率并不高。幸运的是，ES7 中引入了 Object.values() 方法，可以让我们更加高效地遍历对象的属性值。
Object.values() 方法的介绍
Object.values() 方法用于返回一个给定对象的所有可枚举属性值的数组，其返回值的顺序与使用 for...in 循环遍历对象的属性值的顺序一致。该方法接受一个参数，即需要遍历的对象。
示例代码：
const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
console.log(values); // [1, 2, 3]Object.values() 方法的优势
Object.values() 方法相比于 for...in 循环和 Object.entries() 方法有以下优势：
- 更加简洁：使用 Object.values() 方法可以一行代码完成遍历属性值的任务，而 for...in 循环和 Object.entries() 方法需要多行代码。
- 更加高效：Object.values() 方法的性能比 for...in 循环和 Object.entries() 方法更高，因为它不需要访问对象的属性名，只需要访问属性值。
- 更加直观：Object.values() 方法返回的是属性值的数组，更加符合直觉。
使用 Object.values() 方法进行对象属性遍历的示例代码
下面是一个使用 Object.values() 方法进行对象属性遍历的示例代码。假设我们有一个对象数组，其中每个对象都有一个 name 和一个 age 属性，我们需要计算所有人的年龄总和。使用 for...in 循环和 Object.entries() 方法可以完成这个任务，但是代码比较冗长。使用 Object.values() 方法可以让代码更加简洁和高效。
-- -------------------- ---- ------- ----- ------ - - - ----- -------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- -- -- ----- ---- - ------------------------------------ ------- -- ----- - ----------- --- ------------------ -- --
结论
使用 Object.values() 方法可以让我们更加高效地遍历对象的属性值，从而提高代码的性能和可读性。在实际开发中，我们应该尽可能地使用这个方法，避免使用 for...in 循环和 Object.entries() 方法。同时，我们也需要注意该方法在一些旧版浏览器中可能不被支持，需要进行兼容性处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67441e72f3dd653032a398da