Javascript基礎(chǔ)教程之比較null和undefined值
JavaScript 中有兩個(gè)特?cái)?shù)值: undefined和null,在比較它們的時(shí)候需要留心。在讀取未賦值的變量或試圖讀取對(duì)象沒(méi)有的屬性時(shí)得到的就是 undefined 值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title> </head> <body> <script> var myData = { name:"Luka", weather:"sunny" }; document.writeln("Prop: "+myData.doesntexits); </script> </body> </html>
輸出結(jié)果:
Prop: undefined
Javascript 又定義了一個(gè)特殊值 null ,這個(gè)值與 undefined 略有不同。后者是在未定義值得情況下得到的值,而前者則用于表示已經(jīng)賦了一個(gè)值但該值不是一個(gè)有效的 object、string、number 或 boolean 值(也就是說(shuō)所定義的是一個(gè)無(wú)值[no value])。
下面代碼先后使用 undefined 和 null 以展示其不同效果:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title> </head> <body> <script> var myData = { name:"Luka" }; //讀取 weather 屬性 document.writeln("Var: "+myData.weather+"<br />"); //判斷對(duì)象是否具有 weather 這個(gè)屬性 document.writeln("Prop: "+("weather" in myData)+"<br /><br />"); myData.weather = "sunny"; document.writeln("Var: "+myData.weather+"<br />"); document.writeln("Prop: "+("weather" in myData)+"<br /><br />"); myData.weather = null; document.writeln("Var: "+myData.weather+"<br />"); document.writeln("Prop: "+("weather" in myData)+"<br /><br />"); </script> </body> </html>
輸出結(jié)果:
Var: undefined
Prop: false
Var: sunny
Prop: true
Var: null
Prop: true
1. 檢查變量或?qū)傩允欠駷閡ndefined 或 null
如果想檢查某屬性是否為 null 或 undefined(不管是哪一個(gè)),那么只要使用 if 語(yǔ)句和邏輯非運(yùn)算符(!)即可。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title> </head> <body> <script> var myData = { name:"Luka", city:null }; if(!myData.name){ document.writeln("name is null or undefined <br /><br />"); }else { document.writeln("name is not null or undefined <br /><br />") } if(!myData.city){ document.writeln("city is null or undefined <br /><br />"); }else { document.writeln("city is not null or undefined <br /><br />") } if(!myData.weather){ document.writeln("weather is null or undefined <br /><br />"); }else { document.writeln("weather is not null or undefined <br /><br />") } </script> </body> </html>
輸出結(jié)果:
name is not null or undefined
city is null or undefined
weather is null or undefined
2. 區(qū)分 null 和 undefined
在比較兩個(gè)值時(shí),所用辦法應(yīng)視需要而定。如果想同等對(duì)待 undefined值和null值,那么應(yīng)該使用相等運(yùn)算符(==),讓 Javascript 進(jìn)行類型轉(zhuǎn)換。此時(shí)值為 undefined 的變量會(huì)被認(rèn)為與值為 null 的變量相等。如果要區(qū)分 null 和 undefined,則應(yīng)使用等同運(yùn)算符(===)。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title> </head> <body> <script> var firstVal = null; var secondVal; var equality = firstVal == secondVal; var identity = firstVal === secondVal; document.writeln("Equality: "+equality+" <br />"); document.writeln("Identity: "+identity+" <br />"); </script> </body> </html>
輸出結(jié)果:
Equality: true
Identity: false
以上內(nèi)容是小編給大家介紹的js基礎(chǔ)教程之比較null和undefined值的相關(guān)知識(shí),希望對(duì)大家有所幫助!
- js刪除對(duì)象/數(shù)組中null、undefined、空對(duì)象及空數(shù)組方法示例
- JavaScript中undefined和null的區(qū)別
- 有關(guān)JS中的0,null,undefined,[],{},'''''''''''''''',false之間的關(guān)系
- JS中call/apply、arguments、undefined/null方法詳解
- 詳解javascript中原始數(shù)據(jù)類型Null和Undefined
- javascript中undefined與null的區(qū)別
- JS中判斷null、undefined與NaN的方法
- js判斷undefined類型,undefined,null, 的區(qū)別詳細(xì)解析
- JavaScript undefined及null區(qū)別實(shí)例解析
相關(guān)文章
JavaScript遍歷數(shù)組的三種方法map、forEach與filter實(shí)例詳解
這篇文章主要介紹了JavaScript遍歷數(shù)組的三種方法map、forEach與filter,結(jié)合實(shí)例形式詳細(xì)分析了javascript針對(duì)數(shù)組遍歷的map、forEach與filter三種方法相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2019-02-02JavaScript必看的10道面試題總結(jié)(推薦)
JavaScript 已經(jīng)成為全棧開發(fā)技能的基石,在全棧開發(fā)面試中都會(huì)不可避免地涉及到與 JavaScript 有關(guān)的問(wèn)題。這篇文章主要給大家介紹了關(guān)于JavaScript必看的10道面試題,需要的朋友可以參考下2021-05-05Javascript的無(wú)new構(gòu)建實(shí)例詳解
這篇文章主要介紹了Javascript的無(wú)new構(gòu)建實(shí)例詳解的相關(guān)資料,小編感覺介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-05-05JS實(shí)現(xiàn)可調(diào)整倒計(jì)時(shí)間代碼分享
這篇文章主要介紹了JS實(shí)現(xiàn)可調(diào)整倒計(jì)時(shí)間代碼,效果很酷炫,也很具有實(shí)用價(jià)值,感興趣的小伙伴們可以參考一下2015-08-08