欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript運(yùn)算符——邏輯運(yùn)算符全面解析

 更新時(shí)間:2016年06月27日 09:13:15   投稿:jingxian  
下面小編就為大家?guī)?lái)一篇javascript運(yùn)算符——邏輯運(yùn)算符詳解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

前面的話

邏輯運(yùn)算符對(duì)操作數(shù)進(jìn)行布爾運(yùn)算,經(jīng)常和關(guān)系運(yùn)算符一樣配合使用。邏輯運(yùn)算符將多個(gè)關(guān)系表達(dá)式組合起來(lái)組成一個(gè)更復(fù)雜的表達(dá)式。邏輯運(yùn)算符分為邏輯非'!'、邏輯與'&&'、邏輯或'||'3種,本文將介紹這三種邏輯運(yùn)算符

邏輯非

邏輯非操作符由一個(gè)嘆號(hào)(!)表示,可以應(yīng)用于ECMAScript中的任何值。無(wú)論這個(gè)值是什么數(shù)據(jù)類型,這個(gè)操作符都會(huì)返回一個(gè)布爾值。邏輯非操作符首先會(huì)將它的操作數(shù)轉(zhuǎn)換成一個(gè)布爾值,然后再對(duì)其求反

邏輯非對(duì)操作數(shù)轉(zhuǎn)為布爾類型的轉(zhuǎn)換類型與Boolean()轉(zhuǎn)型函數(shù)相同,只不過(guò)最后再將其結(jié)果取反。而如果同時(shí)使用兩個(gè)邏輯非操作符,實(shí)際上就會(huì)模擬Boolean()轉(zhuǎn)型函數(shù)的行為

console.log(!!undefined);//false
console.log(!!null);//false
console.log(!!0);//false
console.log(!!-0);//false
console.log(!!NaN);//false
console.log(!!'');//false
console.log(!!false);//false
console.log(!!{});//true
console.log(!![]);//true

console.log(!!new Boolean(false));//true
console.log(!!false);//false
console.log(!!new Boolean(null));//true
console.log(!!null);//false

邏輯非運(yùn)算符常常用于控制循環(huán)

//Boolean 變量(bFound)用于記錄檢索是否成功。找到問題中的數(shù)據(jù)項(xiàng)時(shí),bFound 將被設(shè)置為true,!bFound將等于false,意味著運(yùn)行將跳出while循環(huán)
var bFound = false;
var i = 0;
while (!bFound) {
 if (aValue[i] == vSearchValues) {
  bFound = true;
 } else {
  i++;
 }
}

邏輯與

邏輯與運(yùn)算符由兩個(gè)和號(hào)(&&)表示,有兩個(gè)操作數(shù),只有在兩個(gè)操作數(shù)都為true時(shí),結(jié)果才返回true,否則返回false

//邏輯與(&&)的真值表
第一個(gè)操作數(shù)    第二個(gè)操作數(shù)    結(jié)果
true       true        true
true       false       false
false       true        false
false       false       alse

邏輯與操作可以應(yīng)用于任何類型的操作數(shù),而不僅僅是布爾值。如果其中一個(gè)操作數(shù)不是布爾值,則邏輯與操作不一定返回布爾值

邏輯與操作屬于短路操作,如果第一個(gè)操作數(shù)能夠決定結(jié)果,那么就不會(huì)再對(duì)第二個(gè)操作數(shù)求值

對(duì)于邏輯與而言,如果第一個(gè)操作數(shù)是false,則無(wú)論第二個(gè)操作數(shù)是什么值,結(jié)果都是false,則返回第一個(gè)操作數(shù);如果第一個(gè)操作數(shù)為true,則結(jié)果的真假和第二個(gè)操作數(shù)的真假相同,則返回第二個(gè)操作數(shù)

//除了false、undefined、null、+0、-0、NaN、''這7個(gè)假值,其余都是真值
console.log('t' && ''); //因?yàn)?t'是真值,所以返回''
console.log('t' && 'f'); //因?yàn)?t'是真值,所以返回'f'
console.log('t' && 1 + 2); //因?yàn)?t'是真值,所以返回3
console.log('' && 'f'); //因?yàn)?'是假值,所以返回''
console.log('' && ''); //因?yàn)?'是假值,所以返回''
var i = 1;
var result = (true && i++);
console.log(result,i);//因?yàn)閠rue是真值,所以執(zhí)行i++,i是2,result是1

var i = 1;
var result = (false && i++);
console.log(result,i);//因?yàn)閒alse是假值,所以不執(zhí)行i++,i是1,result是false

邏輯與運(yùn)算符可以多個(gè)連用,返回第一個(gè)布爾值為false的表達(dá)式的值

console.log(true && 'foo' && '' && 4 && 'foo' && true);// ''

關(guān)系運(yùn)算符的優(yōu)先級(jí)比邏輯與(&&)和邏輯或(||)的優(yōu)先級(jí)高,所以類似表達(dá)式可以直接書寫,不用補(bǔ)充圓括號(hào)

if(a+1==2 && b+2==3){
  //Todo  
}

可以使用邏輯與運(yùn)算符來(lái)取代if結(jié)構(gòu)

if (a == b) {
 doSomething();
}
// 等價(jià)于
(a == b) && doSomething();

邏輯與運(yùn)算符常常用于回調(diào)函數(shù)使用中

//若沒有給參數(shù)a傳值,則a為默認(rèn)的undefined,是假值,所以不執(zhí)行a(),防止報(bào)錯(cuò),如果給參數(shù)a傳值,則執(zhí)行函數(shù)a()
function fn(a){
  if(a){
    a();
  }
}
//等價(jià)于
function fn(a){
  a && a();
}

邏輯或

邏輯或運(yùn)算符由兩個(gè)豎線(||)表示,有兩個(gè)操作數(shù),只有在兩個(gè)操作數(shù)都是false時(shí),結(jié)果才返回false,否則返回true

//邏輯或(||)的真值表
第一個(gè)操作數(shù)    第二個(gè)操作數(shù)    結(jié)果
true       true       true
true       false       true
false       true       true
false       false       false

同樣地,邏輯或操作也可以應(yīng)用于任何類型的操作數(shù),而不僅僅是布爾值。如果其中一個(gè)操作數(shù)不是布爾值,則邏輯或操作不一定返回布爾值

邏輯或操作也屬于短路操作,如果第一個(gè)操作數(shù)能夠決定結(jié)果,那么就不會(huì)再對(duì)第二個(gè)操作數(shù)求值

對(duì)于邏輯或而言,如果第一個(gè)操作數(shù)是true,則無(wú)論第二個(gè)操作數(shù)是什么值,結(jié)果都是true,則返回第一個(gè)操作數(shù);如果第一個(gè)操作數(shù)是fales,則結(jié)果的真假和第二個(gè)操作數(shù)的真假相同,則返回第二個(gè)操作數(shù)

console.log('t' || '');//因?yàn)?t'是真值,所以返回"t"
console.log('t' || 'f');//因?yàn)?t'是真值,所以返回"t"
console.log('' || 'f');//因?yàn)?'是假值,所以返回"f"
console.log('' || '');//因?yàn)?'是假值,所以返回""
var i = 1;
var result = (true || i++);
console.log(result,i);//因?yàn)閠rue是真值,所以不執(zhí)行i++,result是true,i是1

var i = 1;
var result = (false || i++);
console.log(result,i);//因?yàn)閒alse是假值,所以執(zhí)行i++,i是2,result是1

同樣地,邏輯或運(yùn)算符也可以多個(gè)連用,返回第一個(gè)布爾值為true的表達(dá)式的值

console.log(false || 0 || '' || 4 || 'foo' || true);// 4

邏輯或運(yùn)算符常用于為變量設(shè)置默認(rèn)值

//如果沒有向參數(shù)p傳入任何對(duì)象,則將該參數(shù)默認(rèn)設(shè)置為空對(duì)象
function fn(p){
  p = p || {};
}

以上就是小編為大家?guī)?lái)的javascript運(yùn)算符——邏輯運(yùn)算符全面解析全部?jī)?nèi)容了,希望大家多多支持腳本之家~

相關(guān)文章

  • JavaScript中document.querySelector函數(shù)用法介紹

    JavaScript中document.querySelector函數(shù)用法介紹

    這篇文章主要給大家介紹了關(guān)于JavaScript中document.querySelector函數(shù)用法的相關(guān)資料,document.querySelector是JavaScript中的一個(gè)內(nèi)置方法,用于通過(guò)CSS選擇器選擇文檔中的第一個(gè)匹配元素,需要的朋友可以參考下
    2023-08-08
  • ionic開發(fā)中點(diǎn)擊input時(shí)鍵盤自動(dòng)彈出

    ionic開發(fā)中點(diǎn)擊input時(shí)鍵盤自動(dòng)彈出

    ionic開發(fā)移動(dòng)端界面時(shí),在輸入用戶名和密碼的時(shí)候,輸入法不要擋住我的輸入框,并且輸入框往上滾動(dòng)的時(shí)候,頂部標(biāo)題不要上移,下面給大家分享實(shí)現(xiàn)代碼,一起看看吧
    2016-12-12
  • JavaScript二叉樹及各種遍歷算法詳情

    JavaScript二叉樹及各種遍歷算法詳情

    這篇文章主要介紹了JavaScript二叉樹及各種遍歷算法詳情,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下
    2022-07-07
  • Qt6基于Qml的文件對(duì)話框演示效果

    Qt6基于Qml的文件對(duì)話框演示效果

    這篇文章主要介紹了Qt6基于Qml的文件對(duì)話框演示,包括打開單個(gè)文件配置和打開多個(gè)文件配置及保存文件配置的方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2022-10-10
  • 客戶端限制只能上傳jpg格式圖片的js代碼

    客戶端限制只能上傳jpg格式圖片的js代碼

    客戶端限制只能上傳jpg格式圖片的js代碼,對(duì)用戶體驗(yàn)較好,適合網(wǎng)頁(yè)中只能使用jpg格式圖片的情況。
    2010-12-12
  • js實(shí)現(xiàn)列表按字母排序

    js實(shí)現(xiàn)列表按字母排序

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)列表按字母排序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-08-08
  • 分享自己用JS做的掃雷小游戲

    分享自己用JS做的掃雷小游戲

    引用了jQuery,節(jié)省了很多鼠標(biāo)點(diǎn)擊上的判斷。界面顯然都是照搬Windows的掃雷啦,詳細(xì)的內(nèi)容注釋里都有,感興趣的朋友參考下吧
    2016-02-02
  • js defineSetter -給js的 "class"自動(dòng)增加一個(gè)set的屬性(方法)

    js defineSetter -給js的 "class"自動(dòng)增加一個(gè)set的屬性(方法)

    js defineSetter -給js的 "class"自動(dòng)增加一個(gè)set的屬性(方法)...
    2007-06-06
  • 功能強(qiáng)大的Bootstrap效果展示(二)

    功能強(qiáng)大的Bootstrap效果展示(二)

    這篇文章主要介紹了功能強(qiáng)大的Bootstrap效果展示,介紹常用Bootstrap效果的使用方法,感興趣的小伙伴們可以參考一下
    2016-08-08
  • JavaScript涉及二進(jìn)制的轉(zhuǎn)換方式

    JavaScript涉及二進(jìn)制的轉(zhuǎn)換方式

    這篇文章主要介紹了JavaScript涉及二進(jìn)制的轉(zhuǎn)換方式,具有很好的 參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-06-06

最新評(píng)論