ES8 中引入的对象方法之 Object.values()

在 JavaScript 的新标准 ES8 中，有一个新的方法被引入，名叫 Object.values()，它可以用来获取给定对象所有可枚举属性的值，返回一个数组。这个新的方法可以方便我们快速地获取对象的值，而不需要自己去写循环来处理对象的属性了。

Object.values() 的语法

Object.values() 的语法非常简单，只需要传入一个对象即可：

Object.values(obj);

其中，obj 表示要获取值的对象。

Object.values() 的返回值

Object.values() 返回的是一个数组，而这个数组中包含了给定对象的所有可枚举属性的值。如果给定的对象没有任何可枚举的属性，那么它将返回一个空数组 []。

Object.values() 的指导意义

Object.values() 方法是一个非常方便的工具，尤其是在前端开发中。通常，我们在处理对象时，需要遍历对象的属性，然后将属性的值赋值给其他变量或数组。而这种处理方式非常容易出错，特别是在对象属性很多的情况下。使用 Object.values() 方法可以方便地获取对象属性的值，并且代码更加简洁。

Object.values() 的示例代码

下面是一个例子，展示了如何使用 Object.values() 方法获取对象的属性值：

const myObj = {
    name: 'Tom',
    age: 25,
    gender: 'male'
};

const myValues = Object.values(myObj);
console.log(myValues);

在上面的代码中，我们首先定义了一个对象 myObj，它有三个属性，分别是 name、age 和 gender。然后我们使用 Object.values() 方法获取到这个对象的所有值，并且将它们存储在一个名为 myValues 的数组中。最后，我们打印出了这个数组。

运行上面的代码，我们将会得到以下结果：

['Tom', 25, 'male']

这个数组包含了 myObj 对象中所有属性的值，分别是 'Tom'、25 和 'male'。

总结

Object.values() 方法是 ES8 中引入的一个非常实用的方法，它可以方便地获取对象的属性值，并且代码更加简洁。如果你还没有开始使用它，请马上开始吧！

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