判断对象中是否存在某个属性 🔍

在 JavaScript 中，我们经常需要判断一个对象是否包含某个属性。这里介绍几种常用的方法，以及它们各自的特点和使用场景。

1. 使用 in 运算符 ⚡

function hasProperty(obj, key) {
  return key in obj;
}

// 示例
const person = { name: 'Tom' };
console.log('name' in person);  // true
console.log('toString' in person);  // true，因为继承自 Object.prototype

特点：

• ✅ 可以检测自身及原型链上的所有属性
• ⚠️ 无法区分自身属性和继承属性

2. 使用 hasOwnProperty() 方法 🎯

function hasOwnProperty(obj, key) {
  return Object.prototype.hasOwnProperty.call(obj, key);
}

// 示例
const person = { name: 'Tom' };
console.log(hasOwnProperty(person, 'name'));  // true
console.log(hasOwnProperty(person, 'toString'));  // false

特点：

• ✅ 只检测对象自身的属性，不包含原型链
• ✅ 更安全的写法是使用 Object.prototype.hasOwnProperty.call()
• ✅ 可以检测不可枚举的属性

3. 使用 Object.keys() 🔑

function hasProperty(obj, key) {
  return Object.keys(obj).includes(key);
}

// 示例
const person = { name: 'Tom' };
Object.defineProperty(person, 'age', { value: 18, enumerable: false });
console.log(hasProperty(person, 'name'));  // true
console.log(hasProperty(person, 'age'));   // false

特点：

• ✅ 只检测对象自身的可枚举属性
• ❌ 无法检测不可枚举的属性
• ❌ 性能较差，因为需要生成所有键的数组

4. 使用 Object.hasOwn() (推荐) 🌟

// ES2022 新增方法
function hasProperty(obj, key) {
  return Object.hasOwn(obj, key);
}

// 示例
const person = { name: 'Tom' };
console.log(Object.hasOwn(person, 'name'));  // true
console.log(Object.hasOwn(person, 'toString'));  // false

特点：

• ✅ 最新的标准方法
• ✅ 替代 hasOwnProperty 的更安全选择
• ✅ 语义更清晰
• ⚠️ 需要注意浏览器兼容性

使用建议 💡

1. 如果需要检查自身和原型链上的属性，使用 in 运算符
2. 如果只需要检查自身属性：
   • 现代环境推荐使用 Object.hasOwn()
   • 需要考虑兼容性时使用 Object.prototype.hasOwnProperty.call()
3. 如果只需要检查可枚举的自身属性，可以使用 Object.keys()

注意事项 ⚠️

1. 避免直接使用对象的 hasOwnProperty 方法，因为它可能被覆盖
2. 处理 null 或 undefined 时要小心，最好加上类型检查
3. 考虑属性的可枚举性对检测结果的影响

实践示例 📝

const obj = {
  visible: true
};

// 添加不可枚举属性
Object.defineProperty(obj, 'hidden', {
  value: 'secret',
  enumerable: false
});

// 各种检测方法的对比
console.log('in 运算符:', 'visible' in obj);                    // true
console.log('in 运算符(hidden):', 'hidden' in obj);            // true
console.log('hasOwnProperty:', obj.hasOwnProperty('visible')); // true
console.log('hasOwnProperty(hidden):', obj.hasOwnProperty('hidden')); // true
console.log('Object.keys:', Object.keys(obj).includes('visible')); // true
console.log('Object.keys(hidden):', Object.keys(obj).includes('hidden')); // false
console.log('Object.hasOwn:', Object.hasOwn(obj, 'visible'));  // true
console.log('Object.hasOwn(hidden):', Object.hasOwn(obj, 'hidden')); // true

这样的检测方法各有特点，选择合适的方法要根据具体的使用场景来决定。希望这篇文章对你有帮助！🎉