在前端开发中，我们经常需要检查一个对象是否拥有某个属性。特别是当我们想要访问该属性时，必须确保该属性确实存在于对象中。在本文中，我们将学习如何检查持有属性名的变量是否存在于对象属性中。
检查方法
方法一：in 运算符
JavaScript 中，in 运算符用于检查对象中是否存在指定属性。使用 in 运算符可以轻松地检查某个对象是否存在所需的属性。
----- ----- - - ----- ------- ---- -- -- ------------------ -- ------- -- ---- ------------------- -- ------- -- -----
上面的示例代码中，我们使用了 in 运算符来检查 myObj 对象是否具有 name 和 email 属性。如果对象包含指定属性，则运算符返回 true，否则返回 false。
方法二：hasOwnProperty() 方法
JavaScript 中每个对象都继承了 Object.prototype，因此所有对象都具有 hasOwnProperty() 方法。该方法用于检查对象本身是否具有指定属性，而不考虑继承链。
----- ----- - - ----- ------- ---- -- -- ------------------------------------------ -- ---- ------------------------------------------- -- -----
上面的示例代码中，我们使用 hasOwnProperty() 方法来检查 myObj 对象是否具有 name 和 email 属性。如果对象本身包含指定属性，则该方法返回 true，否则返回 false。
指导意义
在编写 JavaScript 代码时，经常需要检查对象中是否存在某些属性。掌握上述两种方法可以帮助您更轻松地完成此类任务。但请注意，in 运算符和 hasOwnProperty() 方法都仅适用于检查对象的直接属性。如果您需要检查对象的整个属性链，请使用其他方法，例如 Lodash 库提供的 get() 方法或 ES6 的可选链操作符（?.）等实现。
最后，建议在代码中尽可能使用 hasOwnProperty() 方法进行属性检查，以避免不必要的继承冲突。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8259