JavaScript Object.keys详解|极客笔记

JavaScript Object.keys详解

什么是Object.keys

Object.keys是JavaScript中的一个内置函数，用于获取给定对象的所有可枚举属性的键名，并返回一个由键名组成的数组。

使用语法

Object.keys(obj)

obj：要获取键名的对象。

示例代码与运行结果

const user = {
  name: 'Alice',
  age: 25,
  gender: 'female'
};

const keys = Object.keys(user);

console.log(keys);

输出为：

["name", "age", "gender"]

Object.keys详解

Object.keys方法返回一个由给定对象的键名组成的数组，数组中的键名顺序与对象中属性定义的顺序一致。返回的数组中的键名是一个字符串类型。

下面我们详细解释一下这个方法的使用：

1. 基本使用

我们可以通过以下方式获取对象user的所有键名：

const user = {
  name: 'Alice',
  age: 25,
  gender: 'female'
};

const keys = Object.keys(user);

console.log(keys); // ["name", "age", "gender"]

在上述代码中，我们首先声明了一个对象user，它包含了name、age和gender这三个属性。然后，我们使用Object.keys(user)来获取user对象的所有键名，最后将结果打印出来。

2. 按照属性定义的顺序返回键名

Object.keys方法会按照对象属性定义的顺序返回键名数组，具体如下所示：

const obj = {
  a: 'apple',
  b: 'banana',
  c: 'cherry'
};

const keys = Object.keys(obj);

console.log(keys); // ["a", "b", "c"]

在上述代码中，我们定义了一个对象obj，它的属性定义顺序为a、b、c。然后，我们使用Object.keys(obj)获取obj对象的所有键名，最后将结果打印出来。

3. 数字属性键会被排序

如果对象的属性键是数字类型，Object.keys方法会将它们作为字符串键名按照从小到大的顺序排序，如下所示：

const obj = {
  10: 'apple',
  2: 'banana',
  6: 'cherry'
};

const keys = Object.keys(obj);

console.log(keys); // ["2", "6", "10"]

在上述代码中，我们定义了一个对象obj，它的属性键分别为10、2、6。然后，我们使用Object.keys(obj)获取obj对象的所有键名，最后将结果打印出来。

4. 不可枚举的属性不会出现在结果中

Object.keys只返回对象的可枚举属性键名，不可枚举的属性键不会出现在结果数组中。我们可以通过Object.defineProperty方法来设置属性的可枚举性，默认情况下属性是可枚举的。

下面是一个示例代码：

const obj = {};
Object.defineProperty(obj, 'name', {
  value: 'Alice',
  enumerable: false
});
Object.defineProperty(obj, 'age', {
  value: 25,
  enumerable: true
});

const keys = Object.keys(obj);

console.log(keys); // ["age"]

在上述代码中，我们首先创建了一个空对象obj，然后通过Object.defineProperty方法定义了两个属性name和age。其中，属性name的可枚举性设置为false，属性age的可枚举性设置为true（默认）。最后，我们使用Object.keys方法获取obj对象的所有键名，最后将结果打印出来。由于name属性的可枚举性为false，所以它不会出现在结果中。

5. 键名是字符串类型

无论属性定义时使用的是字符串，还是数字或其他类型，Object.keys方法返回的键名都是字符串类型。下面是一个示例代码：

const obj = {
  1: 'one',
  true: 'yes',
  [Symbol()]: 'symbol'
};

const keys = Object.keys(obj);

console.log(keys); // ["1", "true"]

在上述代码中，我们定义了一个对象obj，它的属性键分别为1、true和Symbol()。然后，我们使用Object.keys方法获取obj对象的所有键名，最后将结果打印出来。

总结

Object.keys是JavaScript中用于获取对象键名的方法，它返回由对象的可枚举属性键名组成的数组。通过Object.keys，我们可以很方便地获取对象的键名，并对其进行遍历或其他操作。

需要注意的是，Object.keys只返回对象的可枚举属性键名，不包括不可枚举的属性。同时，Object.keys方法返回的键名都是字符串类型。

JavaScript Object.keys详解