Object.values 返回 - JavaScript

在JavaScript中，Object.values() 方法返回给定对象的所有属性值的数组。这个方法从ES2017开始引入。

语法

Object.values(obj)

• obj: 要返回属性值的对象。

返回值

返回一个包含给定对象的所有属性值的数组。

举例说明

1. 基本用法

const obj = { a: 1, b: 2, c: 3 };

const result = Object.values(obj);

console.log(result); // [1, 2, 3]

这里我们创建了一个具有三个属性的对象。然后我们传递给 Object.values() 方法，并打印它返回的数组。

2. 对象属性顺序

const obj = { a: 1, b: 2, c: 3, d: 4 };

const result = Object.values(obj);

console.log(result); // [1, 2, 3, 4]

这里我们可以看到， Object.values() 方法会按照对象属性值的顺序返回一个数组。所以，result 数组的值的顺序与对象原始属性的顺序是一致的。

3. 使用数组方法

我们可以像对待任何数组一样来对待 Object.values() 方法返回的数组。比如使用 map() 方法映射数组中的每一个元素：

const obj = { a: 1, b: 2, c: 3 };

const result = Object.values(obj).map(x => x * 2);

console.log(result); // [2, 4, 6]

这里我们将 Object.values() 返回的数组中的每一个元素，都乘以了2。

兼容性

Object.values() 方法在ES2017开始引入，所以它不是所有的浏览器都支持。在某些情况下，您可能需要使用一个polyfill，以确保向后兼容。

总结

Object.values() 方法返回给定对象的所有属性值的数组，您可以像对待任何数组一样对待它。这是一个强大的函数，它可以显著简化一些常见的编程任务。