js中!和!!的區(qū)別與用法
js中!的用法是比較靈活的,它除了做邏輯運算常常會用!做類型判斷,可以用!與上對象來求得一個布爾值,
1、!可將變量轉(zhuǎn)換成boolean類型,null、undefined和空字符串取反都為false,其余都為true。
!null=true!undefined=true!’’=true!100=false!’abc’=false
2、??!常常用來做類型判斷,在第一步!(變量)之后再做邏輯取反運算,在js中新手常常會寫這樣臃腫的代碼:判斷變量a為非空,未定義或者非空串才能執(zhí)行方法體的內(nèi)容
var a;if(a!=null&&typeof(a)!=undefined&&a!=’’){ //a有內(nèi)容才執(zhí)行的代碼 }
實際上我們只需要寫一個判斷表達:
if(!!a){//a有內(nèi)容才執(zhí)行的代碼... }
就能和上面達到同樣的效果。a是有實際含義的變量才執(zhí)行方法,否則變量null,undefined和’’空串都不會執(zhí)行以下代碼。
可以總結(jié)出來,“!”是邏輯與運算,并且可以與任何變量進行邏輯與將其轉(zhuǎn)化為布爾值,“!!”則是邏輯與的取反運算,尤其后者在判斷類型時代碼簡潔高效,省去了多次判斷null、undefined和空字符串的冗余代碼。
下面是其他網(wǎng)友的補充
js 中 !!的用法
!!是將表達式強制轉(zhuǎn)化為bool值的運算,運算結(jié)果為true或false,表達式是什么值,結(jié)果就是對應(yīng)的bool值,不再取非。
不是取非再取非的意思!?。?/p>
!!false=false; 要注意false和“false” 的區(qū)別!?。。。?/p>
!!'false'=true;
!!true=true;
!!(NaN || undefined || null || 0 || ’ ’)=false;
var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false; alert(test);
由于對null與undefined用!操作符時都會產(chǎn)生true的結(jié)果,所以用兩個感嘆號的作用就在于,如果明確設(shè)置了o中flag的值(非 null/undefined/0''/等值),自然test就會取跟o.flag一樣的值;如果沒有設(shè)置,test就會默認為false,而不是 null或undefined。
相關(guān)文章:
1. CSS可以做的幾個令你嘆為觀止的實例分享2. vue前端RSA加密java后端解密的方法實現(xiàn)3. JSP+Servlet實現(xiàn)文件上傳到服務(wù)器功能4. 基于javaweb+jsp實現(xiàn)企業(yè)財務(wù)記賬管理系統(tǒng)5. vue項目登錄成功拿到令牌跳轉(zhuǎn)失敗401無登錄信息的解決6. 基于jsp+mysql實現(xiàn)在線水果銷售商城系統(tǒng)7. ASP動態(tài)網(wǎng)頁制作技術(shù)經(jīng)驗分享8. php使用正則驗證密碼字段的復(fù)雜強度原理詳細講解 原創(chuàng)9. ASP中實現(xiàn)字符部位類似.NET里String對象的PadLeft和PadRight函數(shù)10. 淺談由position屬性引申的css進階討論

網(wǎng)公網(wǎng)安備