如何使用 JavaScript 的 Object.values() 函数

Question

Object.values()就好像 Object.keys()，除了它返回一个包含所有对象值的数组，而不是对象的键。

const obj = { name: 'MasteringJS', location: 'Florida' };
Object.values(obj); // ['MasteringJS', 'Florida']

为什么要将对象转换为值数组？
因此，您可以轻松地遍历对象自身的值。
例如，您可以 使用 forEach()。

const obj = {
  name: 'Jean-Luc Picard',
  rank: 'Captain'
};

// Prints "Jean-Luc Picard" followed by "Captain"
Object.values(obj).forEach(val => {
  console.log(val);
});

Only Own Properties

Object.values() 跳过继承的属性——仅在对象原型上定义的属性。
这通常是 POJO ，因为您通常不希望 Object.values() 包括 toString()功能。

但是如果你正在使用你可能会遇到麻烦 Object.values()上一堂课。
在下面的示例中， Object.values()不 的 值 className 值，因为 className 是类原型的吸气剂，而不是自己的属性 user。

class User {
  get className() {
    return 'User';
  }

  constructor(name) {
    this.name = name;
  }
}

const user = new User('Jean-Luc Picard');
Object.keys(user); // ['Jean-Luc Picard'], no 'User'!

可枚举性

Object.values()只会返回 可枚举 。

const obj = {
  name: 'Jean-Luc Picard',
  age: 59
};
Object.defineProperty(obj, 'hidden', {
  enumerable: false,
  value: true
});
obj.hidden // true
Object.values(obj); // ['Jean-Luc Picard', 59]