JS 判断Key是否存在|极客笔记

JS 判断Key是否存在

在编写JavaScript代码时，经常会遇到需要判断一个对象中是否存在某个特定的键（Key）的情况。在处理对象时，我们可以使用一些方法来判断该对象中是否包含某个键，本文将介绍几种常用的方法来进行判断。

1. 使用in运算符

JavaScript中的in运算符可以用来检查一个对象中是否含有指定属性。语法如下：

propertyName in objectName

其中propertyName为要检查的属性名，objectName为要检查的对象。如果对象包含指定的属性，则返回true，否则返回false。

下面是一个示例代码：

let person = {
  name: 'Alice',
  age: 30
};

console.log('name' in person); // true
console.log('gender' in person); // false

在上面的示例中，person对象中包含name属性，因此第一个console.log输出为true，而gender属性不存在，因此第二个console.log输出为false。

2. 使用hasOwnProperty方法

另外一种判断对象中是否含有特定属性的方法是使用hasOwnProperty方法。每个JavaScript对象都有一个继承自Object.prototype的hasOwnProperty方法，可以用来检查对象自身属性中是否含有指定的键。语法如下：

objectName.hasOwnProperty(propertyName)

其中objectName为要检查的对象，propertyName为要检查的属性名。如果对象中包含指定的属性，则返回true，否则返回false。

下面是一个示例代码：

let person = {
  name: 'Bob',
  age: 25
};

console.log(person.hasOwnProperty('name')); // true
console.log(person.hasOwnProperty('gender')); // false

在上面的示例中，person对象中包含name属性，因此第一个console.log输出为true，而gender属性不存在，因此第二个console.log输出为false。

3. 使用in运算符和hasOwnProperty方法的区别

虽然in运算符和hasOwnProperty方法都可以用来判断对象中是否含有特定属性，但两者的行为略有不同。in运算符会在对象的整个原型链中查找属性，而hasOwnProperty方法只检查对象自身的属性。例如：

let animal = {
  type: 'dog',
  color: 'brown'
};

let dog = Object.create(animal);
dog.name = 'Buddy';

console.log('name' in dog); // true
console.log('type' in dog); // true

console.log(dog.hasOwnProperty('name')); // true
console.log(dog.hasOwnProperty('type')); // false

在上面的示例中，dog对象通过原型链继承了type属性，因此in运算符和hasOwnProperty方法的结果不同。

4. 使用Object.keys方法

除了in运算符和hasOwnProperty方法外，还可以使用Object.keys方法来获取对象中所有自身属性的名称，然后再进行判断。Object.keys方法返回一个包含对象自身属性名的数组。如下所示：

let person = {
  name: 'Sarah',
  age: 35
};

let keys = Object.keys(person);

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

console.log(keys.includes('name')); // true
console.log(keys.includes('gender')); // false

在上面的示例中，首先使用Object.keys方法获取person对象的所有自身属性名，然后使用includes方法判断特定的属性是否存在。