JavaScript获取对象的键名和键值的几种方法(js获取对象的keys)

三、方法二：使用for…in循环获取对象的键名

在JavaScript中，可以使用for…in循环来获取对象的键名。这种方法适用于普通对象和数组。下面将详细介绍使用for…in循环获取对象键名的方法，并提供相关案例说明。

方法介绍

for…in循环是一种遍历对象属性的方法，通过循环可以获取对象的所有键名。循环语法如下：

for (var key in object) {
  // code to be executed
}

在循环体中，可以通过key变量来获取对象的键名。通过循环遍历，可以获取到对象的所有键名。

案例演示

案例1：获取普通对象的键名

假设有一个普通对象，包含以下键值对：

var obj = {
  name: 'John',
  age: 25,
  gender: 'male'
};

使用for…in循环遍历该对象，获取键名：

for (var key in obj) {
  console.log(key);
}

运行上述代码，会依次输出name、age和gender，这就是该普通对象的所有键名。

案例2：获取数组的键名

除了普通对象，for…in循环也可以用于获取数组的键名。假设有一个包含多个元素的数组：

var arr = ['apple', 'banana', 'orange'];

使用for…in循环遍历该数组，获取键名：

for (var key in arr) {
  console.log(key);
}

运行上述代码，会依次输出0、1和2，这就是该数组的所有键名。可以发现，数组的键名即为元素的索引。

四、方法三：使用Object.getOwnPropertyNames()获取对象的键名

本节将详细介绍使用Object.getOwnPropertyNames()方法来获取JavaScript对象的键名，并提供相关案例说明。

1. 方法介绍

Object.getOwnPropertyNames()方法是用来获取一个对象自身所有属性（包括可枚举和不可枚举属性）的键名，并返回一个由键名组成的数组。

这个方法的语法如下：

Object.getOwnPropertyNames(obj)

• obj：要获取属性键名的对象。

需要注意的是，Object.getOwnPropertyNames()方法只返回对象自身的属性键名，而不会返回原型链上的属性键名。

2. 案例演示

接下来我们将通过两个案例来演示如何使用Object.getOwnPropertyNames()方法获取对象的键名。

案例1：获取普通对象的键名

假设我们有一个名为person的对象，它包含了一些个人信息。

var person = {
  name: 'Tom',
  age: 18,
  gender: 'male'
};

var keys = Object.getOwnPropertyNames(person);
console.log(keys);  // 输出 ['name', 'age', 'gender']

在这个案例中，我们使用Object.getOwnPropertyNames()方法获取了person对象的键名，并将结果赋值给变量keys。最后打印出keys的值，得到了一个包含了’name’、’age’和’gender’的数组。

案例2：获取数组的键名

Object.getOwnPropertyNames()同样适用于数组对象。下面我们来通过一个案例演示：

var fruits = ['apple', 'banana', 'orange'];

var keys = Object.getOwnPropertyNames(fruits);
console.log(keys);  // 输出 ['0', '1', '2', 'length']

在这个案例中，我们创建了一个包含了三个元素的数组fruits。然后使用Object.getOwnPropertyNames()方法获取了fruits数组的键名，并将结果赋值给变量keys。最后打印出keys的值，得到了一个包含了’0’、’1’、’2’和’length’的数组。

五、方法四：使用Reflect.ownKeys()获取对象的键名

方法介绍

Reflect.ownKeys()是ES6中新增的一个方法，可以获取一个对象的所有键名，包括字符串键和符号键。它返回的是一个数组，数组中的元素是对象的所有键名。

案例演示

下面将通过案例演示来详细介绍Reflect.ownKeys()方法的使用。

案例1：获取普通对象的键名

示例代码：

const obj = {
  key1: 'value1',
  key2: 'value2',
  [Symbol('key3')]: 'value3'
};

const keys = Reflect.ownKeys(obj);
console.log(keys);
// Output: ["key1", "key2", Symbol(key3)]

在上面的示例中，我们定义了一个普通对象obj，它有三个键key1、key2和Symbol(key3)。通过调用Reflect.ownKeys(obj)方法，我们可以获取到该对象的所有键名，包括key1、key2和Symbol(key3)。

案例2：获取数组的键名

示例代码：

const arr = ['a', 'b', 'c'];

const keys = Reflect.ownKeys(arr);
console.log(keys);
// Output: ["0", "1", "2", "length"]

在上面的示例中，我们定义了一个数组arr，它有三个元素’a’、’b’和’c’。通过调用Reflect.ownKeys(arr)方法，我们可以获取到该数组的所有键名，包括0、1、2和length。

js获取对象的keys的常见问答Q&A