javascript中2個(gè)感嘆號(hào)的用法實(shí)例詳解
在javascript代碼中經(jīng)常會(huì)見(jiàn)到!!的情況,本文即以實(shí)例形式較為深入的分析javascript中2個(gè)感嘆號(hào)的用法。分享給大家供大家參考之用。具體分析如下:
javascript中的!!是邏輯"非非",即是在邏輯“非”的基礎(chǔ)上再"非"一次。通過(guò)!或!!可以將很多類(lèi)型轉(zhuǎn)換成bool類(lèi)型,再做其它判斷。
一、應(yīng)用場(chǎng)景:判斷一個(gè)對(duì)象是否存在
假設(shè)有這樣一個(gè)json對(duì)象:
{ color: "#E3E3E3", "font-weight": "bold" }
需要判斷是否存在,用!!再好不過(guò)。
如果僅僅打印對(duì)象,無(wú)法判斷是否存在:
var temp = { color: "#A60000", "font-weight": "bold" }; alert(temp);
結(jié)果:[object: Object]
如果對(duì)json對(duì)象實(shí)施!或!!,就可以判斷該json對(duì)象是否存在:
var temp = { color: "#A60000", "font-weight": "bold" }; alert(!temp);
結(jié)果:false
var temp = { color: "#A60000", "font-weight": "bold" }; alert(!!temp);
結(jié)果:true
二、通過(guò)!或!!把各種類(lèi)型轉(zhuǎn)換成bool類(lèi)型的慣例
1.對(duì)null的"非"返回true
var temp = null; alert(temp);
結(jié)果:null
var temp = null; alert(!temp);
結(jié)果:true
var temp = null; alert(!!temp);
結(jié)果:false
2.對(duì)undefined的"非"返回true
var temp; alert(temp);
結(jié)果:undefined
var temp; alert(!temp);
結(jié)果:true
var temp; alert(!!temp);
結(jié)果:false
3.對(duì)空字符串的"非"返回true
var temp=""; alert(temp);
結(jié)果:空
var temp=""; alert(!temp);
結(jié)果:true
var temp=""; alert(!!temp);
結(jié)果:false
4.對(duì)非零整型的"非"返回false
var temp=1; alert(temp);
結(jié)果:1
var temp=1; alert(!temp);
結(jié)果:false
var temp=1; alert(!!temp);
結(jié)果:true
5.對(duì)0的"非"返回true
var temp = 0; alert(temp);
結(jié)果:0
var temp = 0; alert(!temp);
結(jié)果:true
var temp = 0; alert(!!temp);
結(jié)果:false
6.對(duì)字符串的"非"返回false
var temp="ab"; alert(temp);
結(jié)果:ab
var temp="ab"; alert(!temp);
結(jié)果:false
var temp="ab"; alert(!!temp);
結(jié)果:true
7.對(duì)數(shù)組的"非"返回false
var temp=[1,2]; alert(temp);
結(jié)果:1,2
var temp=[1,2]; alert(!temp);
結(jié)果:false
var temp=[1,2]; alert(!!temp);
結(jié)果:true
相信本文所述對(duì)大家的javascript程序設(shè)計(jì)的學(xué)習(xí)有一定的借鑒價(jià)值。
相關(guān)文章
JavaScript預(yù)解析及相關(guān)技巧分析
這篇文章主要介紹了JavaScript預(yù)解析及相關(guān)技巧,結(jié)合實(shí)例形式分析了JavaScript與解析的原理,步驟與相關(guān)技巧,需要的朋友可以參考下2016-04-04基于 antd pro 的短信驗(yàn)證碼登錄功能(流程分析)
這篇文章主要介紹了基于 antd pro 的短信驗(yàn)證碼登錄功能(流程分析),本文通過(guò)實(shí)例代碼流程分析給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-05-05淺談js之字面量、對(duì)象字面量的訪問(wèn)、關(guān)鍵字in的用法
下面小編就為大家?guī)?lái)一篇淺談js之字面量、對(duì)象字面量的訪問(wèn)、關(guān)鍵字in的用法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11Javascript獲取數(shù)組中的最大值和最小值的方法匯總
比較數(shù)組中數(shù)值的大小是比較常見(jiàn)的操作,下面同本文給大家分享四種放哪廣發(fā)獲取數(shù)組中最大值和最小值,對(duì)此感興趣的朋友一起學(xué)習(xí)吧2016-01-01微信小程序?qū)崿F(xiàn)瀑布流分頁(yè)滾動(dòng)加載
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)瀑布流分頁(yè)滾動(dòng)加載,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09JavaScript支持的最大遞歸調(diào)用次數(shù)分析
這篇文章主要介紹了JavaScript支持的最大遞歸調(diào)用次數(shù)分析,也稱JavaScript支持的最大堆棧數(shù)量,需要的朋友可以參考下2014-06-06Javascript使用post方法提交數(shù)據(jù)實(shí)例
這篇文章主要介紹了Javascript使用post方法提交數(shù)據(jù),實(shí)例分析了javascript實(shí)現(xiàn)post提交數(shù)據(jù)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08利用javaScript實(shí)現(xiàn)點(diǎn)擊輸入框彈出窗體選擇信息
這篇文章主要是對(duì)利用javaScript實(shí)現(xiàn)點(diǎn)擊輸入框彈出窗體選擇信息進(jìn)的實(shí)例行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12JS中改變this指向的方法(call和apply、bind)
this是javascript的一個(gè)關(guān)鍵字,隨著函數(shù)使用場(chǎng)合不同,this的值會(huì)發(fā)生變化。但是總有一個(gè)原則,那就是this指的是調(diào)用函數(shù)的那個(gè)對(duì)象,通過(guò)本文給大家介紹JS中改變this指向的方法(call和apply、bind),需要的朋友參考下2016-03-03