浅析 ES9 中的 Object.keys() 方法和 Object.values() 方法

在前端开发中，我们经常需要对对象进行操作，比如获取对象的属性、修改对象的属性等等。ES9 中新增的 Object.keys() 方法和 Object.values() 方法可以帮助我们更方便地对对象进行操作。

Object.keys() 方法

Object.keys() 方法用于获取一个对象的所有属性名，返回一个由属性名组成的数组。该方法的语法如下：

Object.keys(obj)

其中，obj 表示要获取属性名的对象。

下面是一个示例代码：

const obj = {
  name: '张三',
  age: 18,
  gender: 'male'
}

const keys = Object.keys(obj)
console.log(keys) // ['name', 'age', 'gender']

上面的代码中，我们定义了一个对象 obj，包含了 name、age 和 gender 三个属性。然后我们调用 Object.keys() 方法获取 obj 的所有属性名，并将结果存储在变量 keys 中。最后，我们使用 console.log() 方法打印出 keys 数组，可以看到它包含了 obj 的所有属性名。

Object.keys() 方法的返回值是一个数组，因此我们可以使用数组的方法对其进行操作，比如获取数组长度、遍历数组等等。

Object.values() 方法

Object.values() 方法用于获取一个对象的所有属性值，返回一个由属性值组成的数组。该方法的语法如下：

Object.values(obj)

其中，obj 表示要获取属性值的对象。

下面是一个示例代码：

const obj = {
  name: '张三',
  age: 18,
  gender: 'male'
}

const values = Object.values(obj)
console.log(values) // ['张三', 18, 'male']

上面的代码中，我们定义了一个对象 obj，包含了 name、age 和 gender 三个属性。然后我们调用 Object.values() 方法获取 obj 的所有属性值，并将结果存储在变量 values 中。最后，我们使用 console.log() 方法打印出 values 数组，可以看到它包含了 obj 的所有属性值。

Object.values() 方法的返回值也是一个数组，因此我们可以使用数组的方法对其进行操作，比如获取数组长度、遍历数组等等。

总结

Object.keys() 方法和 Object.values() 方法可以帮助我们更方便地对对象进行操作。它们的使用非常简单，只需要传入要操作的对象即可。同时，它们的返回值都是数组，可以方便地使用数组的方法对其进行操作。

在实际开发中，我们可以使用 Object.keys() 方法和 Object.values() 方法来简化代码，提高开发效率。比如，我们可以使用 Object.keys() 方法获取一个对象的所有属性名，然后遍历属性名数组，逐一获取对象的属性值，进行相应的操作。这样可以避免重复的代码，提高代码的可读性和可维护性。

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