JS获取对象key

在JavaScript中，对象是一个非常常见的数据类型。对象是由键值对组成的，其中键是对象属性的名称，而值是属性的值。在某些情况下，我们需要获取对象的键，以下是JS获取对象key的几种方法。

1.使用Object.keys()方法

Object.keys()方法返回一个包含对象所有属性名称的数组。例如，我们有一个对象person，其中包含name、age和gender属性。

  const person = {
    name: 'Tom',
    age: 18,
    gender: 'male'
  };
  
  const keys = Object.keys(person);
  console.log(keys); // ['name', 'age', 'gender']

2.使用for...in循环

for...in语句可以循环遍历对象的属性，将每个属性的名称存储在变量中。例如：

  const person = {
    name: 'Tom',
    age: 18,
    gender: 'male'
  };
  
  for (let key in person) {
    console.log(key); // 'name', 'age', 'gender'
  }

3.使用Object.getOwnPropertyNames()方法

Object.getOwnPropertyNames()方法返回一个包含对象所有属性名称的数组，包括不可枚举的属性。例如：

  const person = {
    name: 'Tom',
    age: 18,
    gender: 'male'
  };
  
  const keys = Object.getOwnPropertyNames(person);
  console.log(keys); // ['name', 'age', 'gender']

常见问答

1.如何判断一个属性是否存在于对象中？

可以使用in运算符来判断一个属性是否存在于对象中。例如：

  const person = {
    name: 'Tom',
    age: 18,
    gender: 'male'
  };
  
  console.log('name' in person); // true
  console.log('height' in person); // false

2.如何删除对象中的属性？

可以使用delete运算符来删除对象中的属性。例如：

  const person = {
    name: 'Tom',
    age: 18,
    gender: 'male'
  };
  
  delete person.age;
  console.log(person); // {name: 'Tom', gender: 'male'}

3.如何使用变量作为对象属性的名称？

可以使用方括号语法来使用变量作为对象属性的名称。例如：

  const person = {
    name: 'Tom',
    age: 18,
    gender: 'male'
  };
  
  const propName = 'name';
  console.log(person[propName]); // 'Tom'