如何检查对象在JavaScript中是否具有特定属性?
考虑:
x = {'key': 1}; if ( x.hasOwnProperty('key') ) { //Do this }
那是最好的方法吗?
我对所给出的答案感到困惑-他们中的大多数都是完全错误的。当然,您可以拥有具有未定义,空值或假值的对象属性。因此,简单地将属性检查减少到typeof this[property]甚至更糟,x.key将给您完全误导的结果。
typeof this[property]
x.key
这取决于您要查找的内容。如果您想知道一个对象是否物理上包含一个属性(并且它不是来自原型链的某个地方),那么您object.hasOwnProperty就可以这样做。所有现代的浏览器都支持它。(在Safari的较早版本(2.0.1和更早的版本中不存在),但是那些浏览器版本已经很少使用了。)
object.hasOwnProperty
如果您要查找的是对象上具有可迭代的属性(当您遍历该对象的属性时,它将出现),则可以这样做:prop in object将为您带来所需的效果。
prop in object
因为使用hasOwnProperty可能是您想要的,并且考虑到您可能需要一种备用方法,所以我向您提供以下解决方案:
hasOwnProperty
var obj = { a: undefined, b: null, c: false }; // a, b, c all found for ( var prop in obj ) { document.writeln( "Object1: " + prop ); } function Class(){ this.a = undefined; this.b = null; this.c = false; } Class.prototype = { a: undefined, b: true, c: true, d: true, e: true }; var obj2 = new Class(); // a, b, c, d, e found for ( var prop in obj2 ) { document.writeln( "Object2: " + prop ); } function hasOwnProperty(obj, prop) { var proto = obj.__proto__ || obj.constructor.prototype; return (prop in obj) && (!(prop in proto) || proto[prop] !== obj[prop]); } if ( Object.prototype.hasOwnProperty ) { var hasOwnProperty = function(obj, prop) { return obj.hasOwnProperty(prop); } } // a, b, c found in modern browsers // b, c found in Safari 2.0.1 and older for ( var prop in obj2 ) { if ( hasOwnProperty(obj2, prop) ) { document.writeln( "Object2 w/ hasOwn: " + prop ); } }
上面是对的跨浏览器解决方案hasOwnProperty,但有一个警告:无法区分原型和实例上具有相同属性的情况- 只是假设它来自原型。您可以根据自己的情况将其更改为宽容或严格,但是至少这应该会有所帮助。