ECMAScript 2018 是 JavaScript 的最新版本，其中有许多新特性和改进。在本文中，我们将深入探讨其中一个函数：Object.values()，重点研究它的用法，以及它在 ES5, ES6 和 ES7 中的兼容性。
Object.values() 的用法
Object.values() 是一个 JavaScript 函数，它可以返回一个对象的所有值的数组，顺序与对象属性定义的顺序相同。它的语法很简单：
Object.values(obj)
其中，obj 是一个对象，可以是一个空对象或一个具有多个属性的对象。
让我们来看一个简单的示例：
const myObj = { a: 1, b: 2, c: 3 };
const myValues = Object.values(myObj);
console.log(myValues); // [1, 2, 3]在上面的代码中，我们使用了 Object.values() 函数将 myObj 中的值转换为一个数组，并将其存储在 myValues 变量中。然后，我们在控制台中打印了数组，它输出了：[1, 2, 3]。
ES5/ES6/ES7 的兼容性
Object.values() 在 ECMAScript 2017 中被引入，并在 ECMAScript 2018 中被正式规范。在此之前，我们可以使用其他方式来获取一个对象的值。以下是一些可用的替代方法。
用 Object.keys() 和 Array.prototype.map()
在 ECMAScript 5 中，我们可以使用 Object.keys() 和 Array.prototype.map() 来获取一个对象的值。下面是一个简单的示例：
const myObj = { a: 1, b: 2, c: 3 };
const myValues = Object.keys(myObj).map(key => myObj[key]);
console.log(myValues); // [1, 2, 3]在上面的代码中，我们首先使用 Object.keys() 函数获取对象的键的数组。然后，我们使用 Array.prototype.map() 函数将每个键与对象的值组合成一个数组。
用 for...in 循环
在 ECMAScript 5 中，我们也可以使用 for...in 循环来获取一个对象的值。以下是一个示例：
const myObj = { a: 1, b: 2, c: 3 };
const myValues = [];
for (const key in myObj) {
if (myObj.hasOwnProperty(key)) {
myValues.push(myObj[key]);
}
}
console.log(myValues); // [1, 2, 3]在上面的代码中，我们使用 for...in 循环遍历对象的属性。如果该属性是对象自身的属性，而不是继承的属性，我们就将它的值添加到 myValues 数组中。
用 Object.getOwnPropertyNames()
在 ECMAScript 5 中，我们还可以使用 Object.getOwnPropertyNames() 函数获取对象的所有值。以下是一个示例：
const myObj = { a: 1, b: 2, c: 3 };
const myValues = [];
const keys = Object.getOwnPropertyNames(myObj);
for (const key of keys) {
myValues.push(myObj[key]);
}
console.log(myValues); // [1, 2, 3]在上面的代码中，我们首先使用 Object.getOwnPropertyNames() 函数获取对象的所有属性的数组。然后，我们使用一个 for...of 循环来遍历该数组并获取对象的值。
指导意义
Object.values() 是一个简单而强大的函数，它可以帮助我们更轻松地获取一个对象的所有值。虽然这个函数在 ECMAScript 5 和 ECMAScript 6 中不存在，但我们还是有其他方式来获取值。因此，学习如何利用这些函数和循环是非常重要的。
在实际使用中，Object.values() 的用例非常广泛。它可以用于将对象转换为数组、将对象的值传递给其他函数、过滤对象的值等等。例如，我们可以使用 Object.values() 和 Array.prototype.reduce() 来计算对象属性的总和：
const myObj = { a: 1, b: 2, c: 3 };
const mySum = Object.values(myObj).reduce((acc, val) => acc + val, 0);
console.log(mySum); // 6在上面的代码中，我们首先使用 Object.values() 函数获取 myObj 的所有属性的数组。然后，我们使用 Array.prototype.reduce() 函数来计算数组中所有元素的总和。
综上所述，Object.values() 是一个非常强大的函数，它可以帮助我们更轻松地获取一个对象的所有值。然而，在某些浏览器和旧的 JavaScript 引擎中，它可能无法使用。因此，我们需要了解如何使用替代方法来获取对象的值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d7676fa941bf7134d4e685