javascript檢測(cè)對(duì)象中是否存在某個(gè)屬性判斷方法小結(jié)
更新時(shí)間：2013年05月19日 16:47:44 作者：
檢測(cè)對(duì)象中屬性的存在與否可以通過以下幾種方法來判斷:使用in關(guān)鍵字、使用對(duì)象的hasOwnProperty()方法、用undefined判斷、在條件語句中直接判斷，感興趣的朋友可以了解下哈
檢測(cè)對(duì)象中屬性的存在與否可以通過幾種方法來判斷。
1.使用in關(guān)鍵字
該方法可以判斷對(duì)象的自有屬性和繼承來的屬性是否存在。
var o={x:1};
"x" in o; //true，自有屬性存在
"y" in o; //false
"toString" in o; //true，是一個(gè)繼承屬性
2.使用對(duì)象的hasOwnProperty()方法
該方法只能判斷自有屬性是否存在，對(duì)于繼承屬性會(huì)返回false。
var o={x:1};
o.hasOwnProperty("x"); //true，自有屬性中有x
o.hasOwnProperty("y"); //false，自有屬性中不存在y
o.hasOwnProperty("toString"); //false，這是一個(gè)繼承屬性，但不是自有屬性
3.用undefined判斷
自有屬性和繼承屬性均可判斷。
var o={x:1};
o.x!==undefined; //true
o.y!==undefined; //false
o.toString!==undefined //true
該方法存在一個(gè)問題，如果屬性的值就是undefined的話，該方法不能返回想要的結(jié)果，如下。
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關(guān)鍵字
該方法可以判斷對(duì)象的自有屬性和繼承來的屬性是否存在。
復(fù)制代碼 代碼如下:
var o={x:1};
"x" in o; //true，自有屬性存在
"y" in o; //false
"toString" in o; //true，是一個(gè)繼承屬性
2.使用對(duì)象的hasOwnProperty()方法
該方法只能判斷自有屬性是否存在，對(duì)于繼承屬性會(huì)返回false。
復(fù)制代碼 代碼如下:
var o={x:1};
o.hasOwnProperty("x"); //true，自有屬性中有x
o.hasOwnProperty("y"); //false，自有屬性中不存在y
o.hasOwnProperty("toString"); //false，這是一個(gè)繼承屬性，但不是自有屬性
3.用undefined判斷
自有屬性和繼承屬性均可判斷。
復(fù)制代碼 代碼如下:
var o={x:1};
o.x!==undefined; //true
o.y!==undefined; //false
o.toString!==undefined //true
該方法存在一個(gè)問題，如果屬性的值就是undefined的話，該方法不能返回想要的結(jié)果，如下。
復(fù)制代碼 代碼如下:
var o={x:undefined};
o.x!==undefined; //false，屬性存在，但值是undefined
o.y!==undefined; //false
o.toString!==undefined //true
4.在條件語句中直接判斷
復(fù)制代碼 代碼如下:
var o={};
if(o.x) o.x+=1; //如果x是undefine,null,false," ",0或NaN,它將保持不變
相關(guān)文章
使用uni-app框架開發(fā)微信小程序,可以使用高德地圖開發(fā)地圖選點(diǎn)、搜索位置、定位、獲取詳細(xì)的地址信息、碼值等信息,下面這篇文章主要給大家介紹了關(guān)于uniapp使用高德地圖的超詳細(xì)步驟,需要的朋友可以參考下2022-12-12
Layui彈框中數(shù)據(jù)表格中可雙擊選擇一條數(shù)據(jù)的實(shí)現(xiàn)
這篇文章主要介紹了Layui彈框中數(shù)據(jù)表格中可雙擊選擇一條數(shù)據(jù)的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
JS如何判斷瀏覽器類型和詳細(xì)區(qū)分IE各版本瀏覽器
本篇文章主要介紹了JS判斷瀏覽器類型和詳細(xì)區(qū)分IE各版本瀏覽器的代碼，非常具有實(shí)用價(jià)值，有興趣的可以了解一下。2017-03-03
這篇文章主要分享了一些前端性能優(yōu)化的建議，幫助大家提高頁面性能，感興趣的朋友可以了解下2020-09-09
javascript 對(duì)象屬性property與元素屬性attribute的瀏覽器支持
對(duì)象屬性property與元素屬性attribute的瀏覽器支持情況，大家可以參考下。2010-10-10
Canvas實(shí)現(xiàn)放射線動(dòng)畫效果
本文主要分享了Canvas實(shí)現(xiàn)放射線動(dòng)畫的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
Echarts橫向堆疊柱狀圖和markLine實(shí)例詳解
一些柱形圖在數(shù)據(jù)量比較多的時(shí)候,橫向排列受到擠壓,導(dǎo)致柱形圖,變的非常細(xì),影響整體的效果,所以應(yīng)該將柱形圖堆疊起來,這樣就會(huì)好很多,下面這篇文章主要給大家介紹了關(guān)于Echarts橫向堆疊柱狀圖和markLine的相關(guān)資料,需要的朋友可以參考下2022-06-06
跟我學(xué)習(xí)javascript的this關(guān)鍵字
跟我學(xué)習(xí)javascript的this關(guān)鍵字，this是動(dòng)態(tài)綁定，或稱為運(yùn)行期綁定的，這就導(dǎo)致 JavaScript中的this關(guān)鍵字有能力具備多重含義，帶來靈活性的同時(shí)，也為初學(xué)者帶來不少困惑2015-11-11
深入理解JavaScript中的宏任務(wù)和微任務(wù)機(jī)制
JavaScript中的任務(wù)分為宏任務(wù)和微任務(wù)，它們的執(zhí)行順序會(huì)影響代碼的執(zhí)行結(jié)果。了解它們的機(jī)制可以幫助我們更好地理解事件循環(huán)和異步編程，避免出現(xiàn)一些意想不到的錯(cuò)誤2023-05-05
這篇文章主要介紹了apicloud拉起小程序并傳遞參數(shù)的方法示例,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11