object.values()的用法

深入理解Object.values()：其用法与魅力

你是否对JavaScript中的Object.values()方法感到好奇？今天，让我们一起揭开它的神秘面纱，了解它的用途与魅力。

Object.values()是一个内置的方法，它返回一个数组，数组中的元素是在对象上找到的可枚举属性值。这个方法的语法非常简单：只需在对象上调用values()即可。

语法：Object.values(obj)

参数：

obj：被返回可枚举属性值的对象。

返回值：

一个包含对象自身的所有可枚举属性值的数组。

让我们通过几个示例来进一步理解它的工作原理。

示例1：

```javascript

var obj = { foo: 'bar', baz: 42 };

console.log(Object.values(obj)); // 输出：['bar', 42]

```

在这个例子中，obj对象有两个属性：foo和baz。Object.values()方法返回一个包含这两个属性值的数组。

示例2：

```javascript

var obj = { 0: 'a', 1: 'b', 2: 'c' };

console.log(Object.values(obj)); // 输出：['a', 'b', 'c']

```

即使对象是数组形式的，Object.values()也能很好地工作，它会按照属性的顺序返回数组。

示例3：

```javascript

var an_obj = { 100: 'a', 2: 'b', 7: 'c' };

console.log(Object.values(an_obj)); // 输出：['b', 'c', 'a']

```

在这个例子中，对象的属性键是非连续的数值。Object.values()方法仍然能够按照属性的数值顺序返回数组。

示例4：

```javascript

var my_obj = Object.create({}, { getFoo: { value: function() { return this.foo; } } });

my_obj.foo = 'bar';

console.log(Object.values(my_obj)); // 输出：['bar']

```

这个例子展示了即使对象有不可枚举的属性，Object.values()也只返回可枚举的属性值。

示例5：

```javascript

console.log(Object.values('foo')); // 输出：['f', 'o', 'o']

```

如果你传递一个字符串给Object.values()，它会被强制转换为一个对象，然后方法会返回字符串的每个字符组成的数组。

Object.values()是一个强大而实用的方法，它能够帮助我们方便地获取对象的所有属性值。希望这篇文章能够帮助你更好地理解并应用这个方法。