javascript運算符——邏輯運算符全面解析
前面的話
邏輯運算符對操作數(shù)進行布爾運算,經(jīng)常和關(guān)系運算符一樣配合使用。邏輯運算符將多個關(guān)系表達(dá)式組合起來組成一個更復(fù)雜的表達(dá)式。邏輯運算符分為邏輯非'!'、邏輯與'&&'、邏輯或'||'3種,本文將介紹這三種邏輯運算符
邏輯非
邏輯非操作符由一個嘆號(!)表示,可以應(yīng)用于ECMAScript中的任何值。無論這個值是什么數(shù)據(jù)類型,這個操作符都會返回一個布爾值。邏輯非操作符首先會將它的操作數(shù)轉(zhuǎn)換成一個布爾值,然后再對其求反
邏輯非對操作數(shù)轉(zhuǎn)為布爾類型的轉(zhuǎn)換類型與Boolean()轉(zhuǎn)型函數(shù)相同,只不過最后再將其結(jié)果取反。而如果同時使用兩個邏輯非操作符,實際上就會模擬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
邏輯非運算符常常用于控制循環(huán)
//Boolean 變量(bFound)用于記錄檢索是否成功。找到問題中的數(shù)據(jù)項時,bFound 將被設(shè)置為true,!bFound將等于false,意味著運行將跳出while循環(huán) var bFound = false; var i = 0; while (!bFound) { if (aValue[i] == vSearchValues) { bFound = true; } else { i++; } }
邏輯與
邏輯與運算符由兩個和號(&&)表示,有兩個操作數(shù),只有在兩個操作數(shù)都為true時,結(jié)果才返回true,否則返回false
//邏輯與(&&)的真值表 第一個操作數(shù) 第二個操作數(shù) 結(jié)果 true true true true false false false true false false false alse
邏輯與操作可以應(yīng)用于任何類型的操作數(shù),而不僅僅是布爾值。如果其中一個操作數(shù)不是布爾值,則邏輯與操作不一定返回布爾值
邏輯與操作屬于短路操作,如果第一個操作數(shù)能夠決定結(jié)果,那么就不會再對第二個操作數(shù)求值
對于邏輯與而言,如果第一個操作數(shù)是false,則無論第二個操作數(shù)是什么值,結(jié)果都是false,則返回第一個操作數(shù);如果第一個操作數(shù)為true,則結(jié)果的真假和第二個操作數(shù)的真假相同,則返回第二個操作數(shù)
//除了false、undefined、null、+0、-0、NaN、''這7個假值,其余都是真值 console.log('t' && ''); //因為't'是真值,所以返回'' console.log('t' && 'f'); //因為't'是真值,所以返回'f' console.log('t' && 1 + 2); //因為't'是真值,所以返回3 console.log('' && 'f'); //因為''是假值,所以返回'' console.log('' && ''); //因為''是假值,所以返回''
var i = 1; var result = (true && i++); console.log(result,i);//因為true是真值,所以執(zhí)行i++,i是2,result是1 var i = 1; var result = (false && i++); console.log(result,i);//因為false是假值,所以不執(zhí)行i++,i是1,result是false
邏輯與運算符可以多個連用,返回第一個布爾值為false的表達(dá)式的值
console.log(true && 'foo' && '' && 4 && 'foo' && true);// ''
關(guān)系運算符的優(yōu)先級比邏輯與(&&)和邏輯或(||)的優(yōu)先級高,所以類似表達(dá)式可以直接書寫,不用補充圓括號
if(a+1==2 && b+2==3){ //Todo }
可以使用邏輯與運算符來取代if結(jié)構(gòu)
if (a == b) { doSomething(); } // 等價于 (a == b) && doSomething();
邏輯與運算符常常用于回調(diào)函數(shù)使用中
//若沒有給參數(shù)a傳值,則a為默認(rèn)的undefined,是假值,所以不執(zhí)行a(),防止報錯,如果給參數(shù)a傳值,則執(zhí)行函數(shù)a() function fn(a){ if(a){ a(); } } //等價于 function fn(a){ a && a(); }
邏輯或
邏輯或運算符由兩個豎線(||)表示,有兩個操作數(shù),只有在兩個操作數(shù)都是false時,結(jié)果才返回false,否則返回true
//邏輯或(||)的真值表 第一個操作數(shù) 第二個操作數(shù) 結(jié)果 true true true true false true false true true false false false
同樣地,邏輯或操作也可以應(yīng)用于任何類型的操作數(shù),而不僅僅是布爾值。如果其中一個操作數(shù)不是布爾值,則邏輯或操作不一定返回布爾值
邏輯或操作也屬于短路操作,如果第一個操作數(shù)能夠決定結(jié)果,那么就不會再對第二個操作數(shù)求值
對于邏輯或而言,如果第一個操作數(shù)是true,則無論第二個操作數(shù)是什么值,結(jié)果都是true,則返回第一個操作數(shù);如果第一個操作數(shù)是fales,則結(jié)果的真假和第二個操作數(shù)的真假相同,則返回第二個操作數(shù)
console.log('t' || '');//因為't'是真值,所以返回"t" console.log('t' || 'f');//因為't'是真值,所以返回"t" console.log('' || 'f');//因為''是假值,所以返回"f" console.log('' || '');//因為''是假值,所以返回""
var i = 1; var result = (true || i++); console.log(result,i);//因為true是真值,所以不執(zhí)行i++,result是true,i是1 var i = 1; var result = (false || i++); console.log(result,i);//因為false是假值,所以執(zhí)行i++,i是2,result是1
同樣地,邏輯或運算符也可以多個連用,返回第一個布爾值為true的表達(dá)式的值
console.log(false || 0 || '' || 4 || 'foo' || true);// 4
邏輯或運算符常用于為變量設(shè)置默認(rèn)值
//如果沒有向參數(shù)p傳入任何對象,則將該參數(shù)默認(rèn)設(shè)置為空對象 function fn(p){ p = p || {}; }
以上就是小編為大家?guī)淼膉avascript運算符——邏輯運算符全面解析全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
JavaScript中document.querySelector函數(shù)用法介紹
這篇文章主要給大家介紹了關(guān)于JavaScript中document.querySelector函數(shù)用法的相關(guān)資料,document.querySelector是JavaScript中的一個內(nèi)置方法,用于通過CSS選擇器選擇文檔中的第一個匹配元素,需要的朋友可以參考下2023-08-08js defineSetter -給js的 "class"自動增加一個set的屬性(方法)
js defineSetter -給js的 "class"自動增加一個set的屬性(方法)...2007-06-06