在 ES9 中使用 Object.values() 和 Object.entries() 来检查对象属性

在 ES9 中使用 Object.values() 和 Object.entries() 来检查对象属性

ES9是JavaScript的一项新标准，引入了许多新功能和语法。其中一个有用的功能是引入了两种新的方法，Object.values() 和 Object.entries()，这两种方法可以有效地检查对象属性。让我们一起来了解一下这些方法如何使用。

Object.values()是返回一个对象中所有属性的值的数组。这个方法只返回可枚举的属性值，并且与对象的属性添加顺序一致。

Object.entries()则是返回一个对象中所有属性的键值对数组。这个方法也只返回可枚举的属性值，并且与对象的属性添加顺序一致。

接下来，让我们看一下这些方法如何使用。

使用Object.values()方法

让我们假设有一个名为person的对象，包含以下属性：

const person = { 
    name: 'John', 
    age: 30, 
    city: 'New York' 
};

如果我们想要检查person对象的属性，只需使用Object.values()方法，如下所示：

const values = Object.values(person);
console.log(values);

结果会返回一个数组，包含person对象中所有属性值：

['John', 30, 'New York']

使用Object.entries()方法

同样，让我们假设有一个名为person的对象，包含以下属性：

const person = { 
    name: 'John', 
    age: 30, 
    city: 'New York' 
};

如果我们想要检查person对象的属性，我们需要使用Object.entries()方法，如下所示：

const entries = Object.entries(person);
console.log(entries);

这会返回一个包含person对象中所有属性键值对的数组：

[
  ['name', 'John'],
  ['age', 30],
  ['city', 'New York']
]

这些值可以方便地用于各种用途，如循环迭代：

for (let [key, value] of Object.entries(person)) {
  console.log(`${key}: ${value}`);
}

这将输出以下内容：

name: John
age: 30
city: New York

总结

使用Object.values()和Object.entries()方法，可以快速方便地检查对象属性。它们可以在各种情况下使用，如数据操作和循环迭代。理解这些方法的使用，对于任何一个前端开发者都是必不可少的。

参考代码

const person = { 
    name: 'John', 
    age: 30, 
    city: 'New York' 
};

const values = Object.values(person);
console.log(values); //输出 ['John', 30, 'New York']

const entries = Object.entries(person);
console.log(entries); //输出 [['name', 'John'], ['age', 30], ['city', 'New York']]

for (let [key, value] of Object.entries(person)) {
  console.log(`${key}: ${value}`);
}

//输出
//name: John
//age: 30
//city: New York

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a77b43add4f0e0ff09a9fe