ES7 中使用 Object.values() 方法获取对象的值
在 JavaScript 中，我们经常需要获取对象的属性值。在 ES7 以前，我们可以使用 Object.keys() 方法获取对象的所有属性名，然后通过循环来获取每个属性的值。但是这种方法并不是很优雅，特别是当我们只需要获取对象的属性值时，这种方法就显得很冗长。
好在 ES7 中引入了 Object.values() 方法，它可以直接获取对象的所有属性值，或者说它可以快速地将一个对象转换为一个数组，该数组包含了对象的所有属性值。下面是 Object.values() 方法的基本语法：
Object.values(obj)
其中 obj 表示要获取属性值的对象。该方法返回一个数组，该数组包含了 obj 对象的所有属性值。下面是一个简单的示例：
const obj = { foo: 'bar', baz: 42 };
const values = Object.values(obj);
console.log(values); // ['bar', 42]在这个示例中，我们首先定义了一个对象 obj，包含了两个属性 foo 和 baz。然后我们使用 Object.values() 方法获取了 obj 对象的所有属性值，该方法返回了一个数组 values，其值为 ['bar', 42]。接着我们通过控制台输出了这个数组，可以看到它包含了 obj 对象的所有属性值。
Object.values() 方法还可以用于处理一个对象的原型链属性。这意味着它可以获取一个对象的所有属性值，包括继承的属性。下面是一个示例：
const obj = Object.create({ foo: 'hello' });
obj.bar = 'world';
const values = Object.values(obj);
console.log(values); // ['world']在这个示例中，我们定义了一个具有原型链的对象 obj，该对象的原型对象包含了一个属性 foo。然后我们在 obj 对象上定义了一个属性 bar。最后我们使用 Object.values() 方法获取了 obj 对象的所有属性值，包括继承的属性。由于 obj 对象没有直接定义属性 foo，所以 values 数组中只包含了属性 bar 的值，即 ['world']。
从上面的示例中，我们可以看到 Object.values() 方法在操作继承对象时的特性。但是在实际开发中，我们应该遵循面向对象编程的原则，避免混合使用继承和属性。这样可以提高代码的可读性以及可维护性。
总结
ES7 中引入的 Object.values() 方法可以快速地获取对象的所有属性值，特别是当我们只需要获取对象的属性值时，使用 Object.values() 方法可以显著地减少代码量。不仅仅如此，Object.values() 方法还具有处理继承对象的特性，这可以帮助我们更好地理解和管理继承关系。使用 Object.values() 方法可以让我们的代码更加优美和简洁。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6465fd05968c7c53b06a8ea3