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

这篇具有很好参考价值的文章主要介绍了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