下面小編就為大家?guī)硪黄猨avascript運算符——邏輯運算符詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。
前面的話
邏輯運算符對操作數(shù)進行布爾運算，經(jīng)常和關系運算符一樣配合使用。邏輯運算符將多個關系表達式組合起來組成一個更復雜的表達式。邏輯運算符分為邏輯非'!'、邏輯與'&&'、邏輯或'||'3種，本文將介紹這三種邏輯運算符
邏輯非
邏輯非操作符由一個嘆號(!)表示，可以應用于ECMAScript中的任何值。無論這個值是什么數(shù)據(jù)類型，這個操作符都會返回一個布爾值。邏輯非操作符首先會將它的操作數(shù)轉換成一個布爾值，然后再對其求反
邏輯非對操作數(shù)轉為布爾類型的轉換類型與Boolean()轉型函數(shù)相同，只不過最后再將其結果取反。而如果同時使用兩個邏輯非操作符，實際上就會模擬Boolean()轉型函數(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 將被設置為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時，結果才返回true，否則返回false
//邏輯與(&&)的真值表
第一個操作數(shù) 第二個操作數(shù) 結果
true true true
true false false
false true false
false false alse
邏輯與操作可以應用于任何類型的操作數(shù)，而不僅僅是布爾值。如果其中一個操作數(shù)不是布爾值，則邏輯與操作不一定返回布爾值
邏輯與操作屬于短路操作，如果第一個操作數(shù)能夠決定結果，那么就不會再對第二個操作數(shù)求值
對于邏輯與而言，如果第一個操作數(shù)是false，則無論第二個操作數(shù)是什么值，結果都是false，則返回第一個操作數(shù)；如果第一個操作數(shù)為true，則結果的真假和第二個操作數(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的表達式的值
console.log(true && 'foo' && '' && 4 && 'foo' && true);// ''
關系運算符的優(yōu)先級比邏輯與(&&)和邏輯或(||)的優(yōu)先級高，所以類似表達式可以直接書寫，不用補充圓括號
if(a+1==2 && b+2==3){
//Todo
}
可以使用邏輯與運算符來取代if結構
if (a == b) {
doSomething();
}
// 等價于
(a == b) && doSomething();
邏輯與運算符常常用于回調函數(shù)使用中
//若沒有給參數(shù)a傳值，則a為默認的undefined，是假值，所以不執(zhí)行a()，防止報錯，如果給參數(shù)a傳值，則執(zhí)行函數(shù)a()
function fn(a){
if(a){
a();
}
}
//等價于
function fn(a){
a && a();
}
邏輯或
邏輯或運算符由兩個豎線(||)表示，有兩個操作數(shù)，只有在兩個操作數(shù)都是false時，結果才返回false，否則返回true
//邏輯或(||)的真值表
第一個操作數(shù) 第二個操作數(shù) 結果
true true true
true false true
false true true
false false false
同樣地，邏輯或操作也可以應用于任何類型的操作數(shù)，而不僅僅是布爾值。如果其中一個操作數(shù)不是布爾值，則邏輯或操作不一定返回布爾值
邏輯或操作也屬于短路操作，如果第一個操作數(shù)能夠決定結果，那么就不會再對第二個操作數(shù)求值
對于邏輯或而言，如果第一個操作數(shù)是true，則無論第二個操作數(shù)是什么值，結果都是true，則返回第一個操作數(shù)；如果第一個操作數(shù)是fales，則結果的真假和第二個操作數(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的表達式的值
console.log(false || 0 || '' || 4 || 'foo' || true);// 4
邏輯或運算符常用于為變量設置默認值
//如果沒有向參數(shù)p傳入任何對象，則將該參數(shù)默認設置為空對象
function fn(p){
p = p || {};
}
以上就是小編為大家?guī)淼膉avascript運算符——邏輯運算符全面解析全部內(nèi)容了