JavaScript布爾運(yùn)算符原理使用解析

更新時間：2020年05月06日 10:39:24 作者：final老A

這篇文章主要介紹了JavaScript布爾運(yùn)算符原理使用解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

布爾運(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)算符對以下六個值返回false,其余都返回true:

undefined
null
''
false
0
NaN

如果對一個值取反兩次,則相當(dāng)于將其轉(zhuǎn)換為了布爾值,與Boolean()函數(shù)的作用相同

!!1 等同于Boolean('1')

且運(yùn)算符(&&)

且運(yùn)算符用于多個表達(dá)式: 表達(dá)式1 && 表達(dá)式2

運(yùn)算規(guī)則: 如果第一個運(yùn)算子返回true,則返回第二個運(yùn)算子的值(不是布爾值);如果第一個運(yùn)算子返回false,則返回第一個運(yùn)算子,且不再對第二個運(yùn)算子求值(短路)

// 'a'轉(zhuǎn)換為boolean為true,所以直接返回第二個運(yùn)算子''
'a' && ''

// ''轉(zhuǎn)換為boolean為false,所以直接返回第一個運(yùn)算子 ''
'' && 'a'

或運(yùn)算符(||)

或運(yùn)算符也用于多個表達(dá)式的值

運(yùn)算規(guī)則: 如果第一個運(yùn)算子的布爾值為true,則直接返回第一個運(yùn)算子的值;如果第一個運(yùn)算子的布爾值為false,則返回第二個運(yùn)算子的值

// ''的布爾值為false,所以這里返回'b'
'' || 'b'
// 'b'的布爾值為true,所以這里返回'b'
'b' || ''

或運(yùn)算符常用語為一個變量設(shè)置默認(rèn)值

三元運(yùn)算符

表達(dá)式1 ? 表達(dá)式2 : 表達(dá)式3;

如果表達(dá)式1的布爾值為true,則返回表達(dá)式2;如果表達(dá)式1的布爾值為false,則返回表達(dá)式3

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

輸入密碼檢測大寫是否鎖定js實(shí)現(xiàn)代碼
網(wǎng)站登錄為了更好的用戶體驗(yàn)都會在輸入密碼的時候檢測是否開啟大寫，這樣有助于提醒用戶,需要學(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)擊無法彈出
在Firefox下js select標(biāo)簽點(diǎn)擊無法彈出，在IE和CHROME下沒有此現(xiàn)象
2014-03-03
JavaScript forEach()遍歷函數(shù)使用及介紹
這篇文章主要介紹了JavaScript forEach()遍歷函數(shù)使用及介紹,本文講解了使用forEach遍歷數(shù)組的用法以及提前終止循環(huán)的一個方法技巧,需要的朋友可以參考下
2015-07-07
微信小程序+云開發(fā)實(shí)現(xiàn)歡迎登錄注冊
這篇文章主要介紹了微信小程序+云開發(fā)實(shí)現(xiàn)歡迎登錄注冊，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
關(guān)于JS中一維數(shù)組和二維數(shù)組互轉(zhuǎn)問題
這篇文章主要介紹了js中一維數(shù)組和二維數(shù)組互轉(zhuǎn),本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-04-04
Javascript 實(shí)現(xiàn)TreeView CheckBox全選效果
Javascript 實(shí)現(xiàn)TreeView CheckBox 選中父節(jié)點(diǎn)時所有子節(jié)點(diǎn)全選，取消時全部取消
2010-01-01
一文詳解JavaScript中prototype的使用
這篇文章主要為大家詳細(xì)介紹一下JavaScript中prototype的使用，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)有一定幫助，需要的可以參考一下
2022-05-05
js設(shè)置function參數(shù)默認(rèn)值(適合沒有傳參情況)
div+css模擬js信息框的類庫時遇到一個問題當(dāng)沒有傳遞參數(shù)過去時自動使用提示信息作為窗口標(biāo)題，具體的實(shí)現(xiàn)如下
2014-02-02