js判断对象是否存在某个属性的办法

在 JavaScript 开发中，判断一个对象是否存某个属性在是非常基础的操作，也是开发者经常需要处理的问题之一。然而，繁琐的代码可能会让我们感到疲惫不堪，因此这里将介绍几种 JavaScript 小技巧，帮助你更高效地判断对象属性的存在性，提高代码效率⏱。

👋 技巧一： 使用 hasOwnProperty 方法

hasOwnProperty 是 JavaScript 中的内置方法，用于检测一个对象是否拥有特定的自身属性。如果包含，则返回 true，否则返回 false。注意，这里的“自身属性”指的是挂在对象自身上的属性，而不包括原型链上的属性。

const person = {
  name: 'Tom',
  age: 18
};

console.log(person.hasOwnProperty('name')); // true
console.log(person.hasOwnProperty('gender')); // false
console.log(person.hasOwnProperty('toString')); // false   对象原型上有 toString 属性

这种方式可以判断一个属性是否挂载在对象自身上，但无法判断其是否存在于原型链上。

👋 技巧二：使用 in 操作符

使用 in 操作符可以判断一个对象是否包含某个属性，如果该属性存在于对象自身或其原型链上，则返回 true，否则返回 false。

const person = {
  name: 'Tom',
  age: 18
};

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

这种方式可以判断一个属性是否存在于对象自身或其原型链上，但无法区分属性是挂载在对象自身还是原型链上。

👋 技巧三：使用 Reflect.has 方法

Reflect.has 是 ES6 中引入的新方法，用于检测一个对象是否包含某个属性，与 in 操作符类似，可以同时判断一个属性是否存在于对象自身或原型链上。

const person = {
  name: 'Tom',
  age: 18
};

console.log(Reflect.has(person, 'name')); // true
console.log(Reflect.has(person, 'gender')); // false
console.log(Reflect.has(obj, 'toString')); // true

上面几种方法都可以满足我们日常开发中对对象属性存在与否的判断，如果要精确判断属性是在对象自身还是原型链上可以这样做

const person = {
  name: 'Tom',
  age: 18
};

console.log(Object.getPrototypeOf(person).hasOwnProperty('name')); // false
console.log(Object.getPrototypeOf(person).hasOwnProperty('toString')); // true

简单总结

其实实现对属性的判断还有很多方法，有些方法可能在性能上有损耗、或者判断存在缺陷这里接不一一列举，目前这3个方法是我日常开发中使用比较多的，推荐给大家。
天气热请你吃🍉🍉🍉