使用 ES8/ES2017 中的 Object.values 方法获取对象属性值数组-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要获取对象的属性值数组。在 ES8/ES2017 中，我们可以使用 Object.values() 方法来获取对象的属性值数组。本文将详细介绍 Object.values() 的使用方法，并给出示例代码。

什么是 Object.values() 方法

Object.values() 方法是 ES8/ES2017 中新增的方法，用于返回一个对象自身的所有可枚举属性的属性值数组。这个方法接收一个对象作为参数，返回一个由该对象的属性值组成的数组。

Object.values() 方法的使用方法

Object.values() 方法的语法如下：

Object.values(obj)

其中，obj 表示要获取属性值数组的对象。

Object.values() 方法返回一个数组，该数组包含了 obj 对象自身的所有可枚举属性的属性值。该数组的顺序与 obj 对象属性枚举的顺序相同。

需要注意的是，Object.values() 方法只返回对象自身的可枚举属性的属性值，不包括继承的属性。

示例代码

下面是一个使用 Object.values() 方法获取对象属性值数组的示例代码：

// javascriptcn.com 代码示例
const person = {
  name: 'John',
  age: 30,
  gender: 'male'
};

const values = Object.values(person);

console.log(values); // ['John', 30, 'male']

在上面的代码中，我们定义了一个 person 对象，该对象有三个属性：name、age 和 gender。我们使用 Object.values() 方法获取了该对象的属性值数组，并将其赋值给 values 变量。最后，我们将 values 变量输出到控制台。

总结

Object.values() 方法是 ES8/ES2017 中新增的方法，用于返回一个对象自身的所有可枚举属性的属性值数组。该方法的使用非常简单，只需要将要获取属性值数组的对象作为参数传入即可。在实际开发中，我们可以使用该方法来方便地获取对象的属性值数组，从而更加高效地进行开发。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6564f902d2f5e1655de54ea0