JavaScript布爾運(yùn)算符原理使用解析
布爾運(yùn)算符分為四種:
- 取反運(yùn)算符(!)
- 且運(yùn)算符(&&)
- 或運(yùn)算符(||)
- 三元運(yùn)算符( ? 表達(dá)式1 : 表達(dá)式2 )
取反運(yùn)算符(!)
用于將任何值轉(zhuǎn)換為布爾值后再變?yōu)橄喾粗?即true變false,false變true
取反運(yùn)算符對(duì)以下六個(gè)值返回false,其余都返回true:
- undefined
- null
- ''
- false
- 0
- NaN
如果對(duì)一個(gè)值取反兩次,則相當(dāng)于將其轉(zhuǎn)換為了布爾值,與Boolean()函數(shù)的作用相同
!!1 等同于Boolean('1')
且運(yùn)算符(&&)
且運(yùn)算符用于多個(gè)表達(dá)式: 表達(dá)式1 && 表達(dá)式2
運(yùn)算規(guī)則: 如果第一個(gè)運(yùn)算子返回true,則返回第二個(gè)運(yùn)算子的值(不是布爾值);如果第一個(gè)運(yùn)算子返回false,則返回第一個(gè)運(yùn)算子,且不再對(duì)第二個(gè)運(yùn)算子求值(短路)
// 'a'轉(zhuǎn)換為boolean為true,所以直接返回第二個(gè)運(yùn)算子''
'a' && ''// ''轉(zhuǎn)換為boolean為false,所以直接返回第一個(gè)運(yùn)算子 ''
'' && 'a'
或運(yùn)算符(||)
或運(yùn)算符也用于多個(gè)表達(dá)式的值
運(yùn)算規(guī)則: 如果第一個(gè)運(yùn)算子的布爾值為true,則直接返回第一個(gè)運(yùn)算子的值;如果第一個(gè)運(yùn)算子的布爾值為false,則返回第二個(gè)運(yùn)算子的值
// ''的布爾值為false,所以這里返回'b'
'' || 'b'
// 'b'的布爾值為true,所以這里返回'b'
'b' || ''
或運(yùn)算符常用語(yǔ)為一個(gè)變量設(shè)置默認(rèn)值
三元運(yùn)算符
表達(dá)式1 ? 表達(dá)式2 : 表達(dá)式3;
如果表達(dá)式1的布爾值為true,則返回表達(dá)式2;如果表達(dá)式1的布爾值為false,則返回表達(dá)式3
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
- JavaScript中展開運(yùn)算符及應(yīng)用的實(shí)例代碼
- 原生js中運(yùn)算符及流程控制示例詳解
- JS運(yùn)算符優(yōu)先級(jí)與表達(dá)式示例詳解
- JavaScript邏輯運(yùn)算符相關(guān)總結(jié)
- JavaScript中使用Spread運(yùn)算符的八種方法總結(jié)
- 詳解JavaScript中的Object.is()與"==="運(yùn)算符總結(jié)
- js表達(dá)式與運(yùn)算符簡(jiǎn)單操作示例
- JS運(yùn)算符簡(jiǎn)單用法示例
- javascript的delete運(yùn)算符知識(shí)點(diǎn)總結(jié)
- 分享幾個(gè)JavaScript運(yùn)算符的使用技巧
相關(guān)文章
輸入密碼檢測(cè)大寫是否鎖定js實(shí)現(xiàn)代碼
網(wǎng)站登錄為了更好的用戶體驗(yàn)都會(huì)在輸入密碼的時(shí)候檢測(cè)是否開啟大寫，這樣有助于提醒用戶,需要學(xué)習(xí)的朋友可以參考下2012-12-12
textarea焦點(diǎn)的用法實(shí)現(xiàn)獲取焦點(diǎn)清空失去焦點(diǎn)提示效果
這篇文章主要介紹了textarea焦點(diǎn)的用法實(shí)現(xiàn)獲取焦點(diǎn)清空失去焦點(diǎn)提示效果,需要的朋友可以參考下2014-05-05
手機(jī)圖片預(yù)覽插件photoswipe.js使用總結(jié)
這篇文章主要為大家詳細(xì)總結(jié)了手機(jī)圖片預(yù)覽插件photoswipe.js使用方法，感興趣的小伙伴們可以參考一下2016-08-08
在Firefox下js select標(biāo)簽點(diǎn)擊無(wú)法彈出
在Firefox下js select標(biāo)簽點(diǎn)擊無(wú)法彈出，在IE和CHROME下沒有此現(xiàn)象2014-03-03
JavaScript forEach()遍歷函數(shù)使用及介紹
這篇文章主要介紹了JavaScript forEach()遍歷函數(shù)使用及介紹,本文講解了使用forEach遍歷數(shù)組的用法以及提前終止循環(huán)的一個(gè)方法技巧,需要的朋友可以參考下2015-07-07
微信小程序+云開發(fā)實(shí)現(xiàn)歡迎登錄注冊(cè)
這篇文章主要介紹了微信小程序+云開發(fā)實(shí)現(xiàn)歡迎登錄注冊(cè)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
關(guān)于JS中一維數(shù)組和二維數(shù)組互轉(zhuǎn)問題
這篇文章主要介紹了js中一維數(shù)組和二維數(shù)組互轉(zhuǎn),本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-04-04
Javascript 實(shí)現(xiàn)TreeView CheckBox全選效果
Javascript 實(shí)現(xiàn)TreeView CheckBox 選中父節(jié)點(diǎn)時(shí)所有子節(jié)點(diǎn)全選，取消時(shí)全部取消2010-01-01
這篇文章主要為大家詳細(xì)介紹一下JavaScript中prototype的使用，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)有一定幫助，需要的可以參考一下2022-05-05
js設(shè)置function參數(shù)默認(rèn)值(適合沒有傳參情況)
div+css模擬js信息框的類庫(kù)時(shí)遇到一個(gè)問題當(dāng)沒有傳遞參數(shù)過去時(shí)自動(dòng)使用提示信息作為窗口標(biāo)題，具體的實(shí)現(xiàn)如下2014-02-02