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

在 JavaScript 中，对象是一种重要且常用的数据类型。而获取对象的值数组也是经常需要的操作。ES7 中新增的 Object.values 方法，可以方便地获取对象的值数组，让我们在开发中更加高效和便捷。本文将详细介绍 Object.values 方法的使用方法、示例和相关考量。

Object.values 方法的语法

Object.values 方法的语法如下：

Object.values(obj)

其中，obj 为要获取值数组的对象。

Object.values 方法的功能

Object.values 方法，可以返回一个包含对象中所有属性值的数组。返回的数组顺序，以对象自身属性的顺序为准。

Object.values 方法的返回值

Object.values 方法返回的是一个数组，其中包含了对象所有自身属性的值，如果对象没有属性值，则返回一个空数组。

Object.values 方法的注意事项

Object.values 方法只会获取对象的自有属性的值，不会获取原型链上的属性。同时，返回的数组顺序，以对象自身属性的顺序为准。

Object.values 方法的示例代码

下面是一个简单的 Object.values 方法的示例代码：

const myObj = { a: 1, b: 2, c: 3 };
const valuesArr = Object.values(myObj);
console.log(valuesArr);

上述代码的输出结果为：

[1, 2, 3]

Object.values 方法的兼容性

Object.values 方法是在 ES7 中新增的。目前，大多数浏览器已经支持这个方法。但是，为了确保兼容性，可以使用 polyfill 进行补充，以兼容不支持该方法的浏览器。

Object.values 方法的应用场景

Object.values 方法可以方便地获取对象的值数组，可以用来获取对象中所有的值，也可以用来计算对象中所有值的和、平均值等等。

下面是一个 Object.values 方法的应用场景示例代码：

-- -------------------- ---- -------
----- ----- - -
    ------ ---
    ------- ---
    ------ -
--

----- ---------- - ------------------------------- -- -- - - ---

------------------------ -- --

上述代码的输出结果为：

结论

Object.values 方法是 ES7 中新增的一个方便好用的方法，可以用来获取对象中所有自身属性的值，并且可以应用于各种场景，有着广泛的使用价值。同时，为了兼容性，需要考虑使用 polyfill 的方式来提供支持。

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