JavaScript布爾運算符原理使用解析
布爾運算符分為四種:
- 取反運算符(!)
- 且運算符(&&)
- 或運算符(||)
- 三元運算符( ? 表達式1 : 表達式2 )
取反運算符(!)
用于將任何值轉(zhuǎn)換為布爾值后再變?yōu)橄喾粗?即true變false,false變true
取反運算符對以下六個值返回false,其余都返回true:
- undefined
- null
- ''
- false
- 0
- NaN
如果對一個值取反兩次,則相當(dāng)于將其轉(zhuǎn)換為了布爾值,與Boolean()函數(shù)的作用相同
!!1 等同于Boolean('1')
且運算符(&&)
且運算符用于多個表達式: 表達式1 && 表達式2
運算規(guī)則: 如果第一個運算子返回true,則返回第二個運算子的值(不是布爾值);如果第一個運算子返回false,則返回第一個運算子,且不再對第二個運算子求值(短路)
// 'a'轉(zhuǎn)換為boolean為true,所以直接返回第二個運算子''
'a' && ''// ''轉(zhuǎn)換為boolean為false,所以直接返回第一個運算子 ''
'' && 'a'
或運算符(||)
或運算符也用于多個表達式的值
運算規(guī)則: 如果第一個運算子的布爾值為true,則直接返回第一個運算子的值;如果第一個運算子的布爾值為false,則返回第二個運算子的值
// ''的布爾值為false,所以這里返回'b'
'' || 'b'
// 'b'的布爾值為true,所以這里返回'b'
'b' || ''
或運算符常用語為一個變量設(shè)置默認值
三元運算符
表達式1 ? 表達式2 : 表達式3;
如果表達式1的布爾值為true,則返回表達式2;如果表達式1的布爾值為false,則返回表達式3
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript幾種形式的樹結(jié)構(gòu)菜單
今天我主要講3種不同展示的JavaScript樹結(jié)構(gòu)菜單，分別是懸浮層樹(Tree)、右鍵菜單樹(ContextMenu)和節(jié)點樹(TreeMenu)，目前都支持無限級層次。2010-05-05
這篇文章主要為大家詳細介紹了使用JavaScript實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
今天學(xué)習(xí)的是window對象，還是有點用的。2010-01-01
主要考慮到一些瀏覽器的兼容性問題，這個是經(jīng)常遇到的，大家可以參考下。2009-08-08
js遍歷table的所有元素的代碼，方便我們控制table的所有元素，顏色，樣式等2008-07-07
js 把字符串當(dāng)函數(shù)執(zhí)行的方法
一段字符串 里面包含了 要執(zhí)行的函數(shù)和參數(shù)等，需要去執(zhí)行這段字符串。2010-03-03
本文主要介紹了JS實現(xiàn)隨機生成字符串(可指定長度)的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-08-08
JavaScript實現(xiàn)使用Canvas繪制圖形的基本教程
本篇文章主要介紹了JavaScript實現(xiàn)使用Canvas繪制圖形的基本教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-10-10
本文介紹了javascript中你所不知道的相關(guān)知識。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要為大家詳細介紹了js實現(xiàn)滑動進度條效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08