Javascript 检查对象属性是否存在

在Javascript开发中，我们经常需要检查对象中的某个属性是否存在。如果属性存在，我们可以继续访问它，如果属性不存在，则会引发错误。为了解决这个问题，Javascript 提供了多种方法来检查对象属性是否存在。

使用 "in" 操作符

Javascript 中的 "in" 操作符可以检查一个对象是否包含某个属性。例如，下面的代码演示了如何使用 "in" 操作符来检查对象中是否存在属性 "name"：

const person = {name: 'John', age: 30};
console.log('name' in person); // 输出 true
console.log('job' in person); // 输出 false

使用 "hasOwnProperty" 方法

Javascript 的对象有一个 "hasOwnProperty" 方法，它可以用来判断一个对象是否包含某个属性，但它不会检查该属性是否是对象的原型链中的属性。例如：

const person = { name: 'John', age: 30 };
console.log( person.hasOwnProperty('name') ); // 输出 true
console.log( person.hasOwnProperty('job') ); // 输出 false

使用 "undefined" 检查属性

如果一个对象没有某个属性，那么这个属性的值就是 undefined。因此，我们可以检查一个属性的值是否为 undefined 来判断一个属性是否存在。例如：

const person = { name: 'John', age: 30 };
if (person.job === undefined) {
  console.log('job 属性不存在');
} else {
  console.log('job 属性存在');
}

注意，使用 "undefined" 检查属性的方法最好在已经确定对象的存在之后再使用，否则会抛出错误。

使用 "null" 检查属性

null 表示一个空值或者不存在的对象。因此，我们可以检查一个属性是否为 null 来判断它是否存在。例如：

const person = { name: 'John', age: 30, job: null };
if (person.job === null) {
  console.log('job 属性存在但值为 null');
} else if (person.job === undefined) {
  console.log('job 属性不存在');
} else {
  console.log('job 属性存在');
}

使用 "try...catch" 检查属性

最后，可以使用 try...catch 块来检查属性是否存在。如果属性不存在，try...catch 块中的代码就会抛出一个错误。例如：

const person = { name: 'John', age: 30 };
try {
  if (person.job === undefined) throw 'job 属性不存在';
  console.log('job 属性存在');
} catch(e) {
  console.log(e);
}

无论使用哪种方法，都应该在访问对象中的属性之前，先检查该属性是否存在，以确保代码的正确性和健壮性。