javascript檢測對象中是否存在某個屬性判斷方法小結
更新時間:2013年05月19日 16:47:44 作者:
檢測對象中屬性的存在與否可以通過以下幾種方法來判斷:使用in關鍵字、使用對象的hasOwnProperty()方法、用undefined判斷、在條件語句中直接判斷,感興趣的朋友可以了解下哈
檢測對象中屬性的存在與否可以通過幾種方法來判斷。
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,它將保持不變
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,它將保持不變
相關文章
Javascript createElement和innerHTML增加頁面元素的性能對比
Javascript之createElement和innerHTML增加頁面元素的性能對比2009-09-09
經(jīng)典的解除許多網(wǎng)站無法復制文字的絕招
經(jīng)典的解除許多網(wǎng)站無法復制文字的絕招...2006-12-12

