JavaScript中判斷是否存在某屬性

一劍平江湖發表於2017-08-05

Js中的屬性分為兩種,一種是固有屬性,另外是程式設計時賦預予的屬性,這兩種屬性的判斷方式是不一樣的。

1.使用in關鍵字。

該方法可以判斷物件的自有屬性和繼承來的屬性是否存在。

var o={x:1};
"x" in o;            //true,自有屬性存在
"y" in o;            //false
"toString" in o;     //true,是一個繼承屬性

 

2.使用物件的hasOwnProperty()方法。

該方法只能判斷自有屬性是否存在,對於繼承屬性會返回false。

var o={x:1};
o.hasOwnProperty("x");       //true,自有屬性中有x
o.hasOwnProperty("y");       //false,自有屬性中不存在y
o.hasOwnProperty("toString"); //false,這是一個繼承屬性,但不是自有屬性

 

3.用undefined判斷

自有屬性和繼承屬性均可判斷。

var o={x:1};
o.x!==undefined;        //true
o.y!==undefined;        //false
o.toString!==undefined  //true

該方法存在一個問題,如果屬性的值就是undefined的話,該方法不能返回想要的結果,如下。

var o={x:undefined};
o.x!==undefined;        //false,屬性存在,但值是undefined
o.y!==undefined;        //false
o.toString!==undefined  //true

 

4.在條件語句中直接判斷

var o={};
if(o.x) o.x+=1;  //如果x是undefine,null,false," ",0或NaN,它將保持不變
一般來說,用第4種比較簡便

相關文章