JavaScript 如何检测未定义的对象属性

检测未定义的对象属性是确定对象是否包含某个属性，如果包含，那么该属性的值是否为undefined的过程。这是JavaScript编程中的重要概念，它有助于防止在尝试访问不存在或未定义的对象属性时发生错误。有多种方法可以检测未定义的对象属性，例如使用typeof运算符、in运算符或hasOwnProperty方法。

语法：

if (typeof objectName.propertyName === "undefined") {
    // Do something if the property is undefined
}

方法一：使用typeof运算符：

typeof运算符返回指示操作数类型的字符串。如果属性未定义，typeof将返回字符串“undefined”。

语法：

const obj = { prop1: 'value1' };
if (typeof obj.prop2 === 'undefined') {
    console.log('prop2 is undefined');
};

示例： 下面是使用typeof操作符的示例：

Javascript

const car = { 
    make: "Toyota", 
    model: "Camry", 
    year: 2018 
}; 
  
if (typeof car.color === "undefined") { 
    console.log("The color property is undefined in the car object."); 
} 
else { 
    console.log("The color property is defined in the car object."); 
}

输出：

The color property is undefined in the car object.

方法2：使用in运算符：

in运算符如果指定的属性在指定的对象或其原型链中存在，则返回true。如果属性未定义，则返回false。

语法：

const obj = { prop1: 'value1' };
if (!('prop2' in obj)) {
    console.log('prop2 is undefined');
};

例子： 使用in运算符来检查对象中是否存在属性。假设你有一个名为“book”的对象，包含有关一本书的信息，比如书的标题、作者和页数。你想检查对象中是否存在“publisher”属性：

JavaScript

const book = { 
    title: "The Great Gatsby", 
    author: "F. Scott Fitzgerald", 
    pages: 218 
}; 
  
if ("publisher" in book) { 
    console.log("The publisher property exists in the book object."); 
} 
else { 
    console.log("The publisher property does not exist in the book object."); 
}

输出：

The publisher property does not exist in the book object.

方法3： 使用 hasOwnProperty() 方法： hasOwnProperty方法返回一个布尔值，指示对象是否拥有指定属性作为其自身属性（而不是从其原型链继承）。如果该属性未定义，hasOwnProperty将返回false。

语法：

const obj = { prop1: 'value1' };
if (!obj.hasOwnProperty('prop2')) {
    console.log('prop2 is undefined');
}

例子： 以下是使用hasOwnProperty()方法的示例。

Javascript

const person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
}; 
  
console.log(person.hasOwnProperty("firstName")); // true 
console.log(person.hasOwnProperty("middleName")); // false 

输出:

true
false

方法4： 使用 undefined 关键字： JavaScript 有一个特殊的值叫做 undefined，它表示一个未定义的值。您可以通过将属性与 undefined 关键字进行比较来检查属性是否为 undefined。

语法：

const obj = { prop1: 'value1' };
if (obj.prop2 === undefined) {
    console.log('prop2 is undefined');
}

例子： 下面是一个使用未定义关键字的例子：

Javascript

const superHero = { 
    name: 'Batman'
}; 
console.log(superHero.name !== undefined); 
console.log(superHero.realName !== undefined);

输出：

true
false