JavaScript（JS）中如何检查一个对象（Object）是否包含指定的键（属性）

在 JavaScript 中，经常需要检查一个对象是否包含特定的键（属性）。这种需求在处理对象数据时非常常见，例如在条件判断、遍历对象属性等情景下。本文将介绍多种方法来检查对象是否包含指定的键。

JS 中检查对象是否包含指定的键 key — MDN 的 JavaScript 文档

基本概念

在开始具体方法之前，让我们先理解一些基本概念：

对象（Object）： 在 JavaScript 中，对象是一种复合数据类型，可以包含多个键值对（属性）。
属性（Property）： 对象的成员，由键和值组成。可以使用点号（.）或方括号（[]）来访问对象的属性。
键（Key）： 属性的标识符，通常是一个字符串。

方法一：使用 in 运算符

in运算符可以用来检查一个对象是否包含指定的键。其语法为：

if ('propertyName' in object) {
    // 执行操作
}

示例代码：

const person = { name: 'Alice', age: 30 };

if ('name' in person) {
    console.log('person对象包含name属性');
} else {
    console.log('person对象不包含name属性');
}

方法二：使用 hasOwnProperty 方法

hasOwnProperty是JavaScript对象的一个方法，用于检查对象是否具有指定的属性。其语法为：

if (object.hasOwnProperty('propertyName')) {
    // 执行操作
}

示例代码：

const person = { name: 'Bob', age: 25 };

if (person.hasOwnProperty('age')) {
    console.log('person对象包含age属性');
} else {
    console.log('person对象不包含age属性');
}

方法三：使用 Object.keys 方法

Object.keys方法返回一个包含对象所有属性键的数组。我们可以使用这个数组来检查指定的键是否存在。示例代码：

const person = { name: 'Charlie', gender: 'male' };
const keys = Object.keys(person);

if (keys.includes('gender')) {
    console.log('person对象包含gender属性');
} else {
    console.log('person对象不包含gender属性');
}

互动练习

1.假设有一个名为car的对象，包含属性make和model。请使用in运算符检查该对象是否包含model属性。参考答案：

const car = {
    make: 'Toyota',
    model: 'Corolla'
};

if ('model' in car) {
    console.log('car对象包含model属性');
} else {
    console.log('car对象不包含model属性');
}

2.创建一个名为student的对象，包含属性name和grade。使用hasOwnProperty方法检查该对象是否包含grade属性。参考答案：

const student = {
    name: 'Alice',
    grade: 10
};

if (student.hasOwnProperty('grade')) {
    console.log('student对象包含grade属性');
} else {
    console.log('student对象不包含grade属性');
}

3.声明一个名为book的对象，包含属性title和author。通过Object.keys方法，检查该对象是否包含title属性。参考答案：

const book = {
    title: 'The Great Gatsby',
    author: 'F. Scott Fitzgerald'
};

const keys = Object.keys(book);

if (keys.includes('title')) {
    console.log('book对象包含title属性');
} else {
    console.log('book对象不包含title属性');
}

提示与注意事项

使用in运算符和hasOwnProperty方法可以准确判断对象是否包含指定的键。但需要注意，如果对象的原型链上有同名属性，这些方法也会返回true。
Object.keys方法只会考虑对象本身的属性，不会查找原型链。
当需要多次检查属性是否存在时，可以考虑将属性名称存储在一个数组中，然后使用循环来进行检查。

通过 Apifox 调试后端接口

Apifox 是一个比 Postman 更强大的接口测试工具，Apifox = Postman + Swagger + Mock + JMeter，Apifox 支持调试 http(s)、WebSocket、Socket、gRPC、Dubbo 等协议的接口，并且集成了 IDEA 插件。在后端人员写完服务接口时，测试阶段可以通过 Apifox 来校验接口的正确性，图形化界面极大的方便了项目的上线效率。

立即体验 Apifox

总结

在 JavaScript 中，检查一个对象是否包含指定的键有多种方法。通过in运算符、hasOwnProperty方法和Object.keys方法，您可以根据不同的情况选择最适合的方法来实现检查功能。在实际编程中，根据您的需求和对象结构，选择合适的方法进行判断是十分重要的。

知识扩展：

JavaScript（JS）中的 reduce 如何使用？一文讲解其用法

参考链接：

MDN Web Docs: in operator：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/in
MDN Web Docs: hasOwnProperty()：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
MDN Web Docs: Object.keys()：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys