javascript運算符――邏輯運算符全面解析

前面的話

邏輯運算符對操作數進行布爾運算，經常和關係運算符一樣配合使用。邏輯運算符將多個關係表達式組合起來組成一個更複雜的表達式。邏輯運算符分為邏輯非'!'、邏輯與'&&'、邏輯或'||'3種，本文將介紹這三種邏輯運算符

邏輯非

邏輯非操作符由一個嘆號(!)表示，可以應用於ECMAScript中的任何值。無論這個值是什麼數據類型，這個操作符都會返回一個布爾值。邏輯非操作符首先會將它的操作數轉換成一個布爾值，然後再對其求反

邏輯非對操作數轉為布爾類型的轉換類型與Boolean()轉型函數相同，只不過最後再將其結果取反。而如果同時使用兩個邏輯非操作符，實際上就會模擬Boolean()轉型函數的行為

console.log(!!undefined);//falseconsole.log(!!null);//falseconsole.log(!!0);//falseconsole.log(!!-0);//falseconsole.log(!!NaN);//falseconsole.log(!!'');//falseconsole.log(!!false);//false

 console.log(!!{});//trueconsole.log(!![]);//trueconsole.log(!!new Boolean(false));//trueconsole.log(!!false);//falseconsole.log(!!new Boolean(null));//trueconsole.log(!!null);//false

邏輯非運算符常常用於控制循環

//Boolean 變量(bFound)用於記錄檢索是否成功。找到問題中的數據項時，bFound 將被設置為true，!bFound將等於false，意味著運行將跳出while循環var bFound = false;var i = 0;while (!bFound) { if (aValue[i] == vSearchValues) { bFound = true; } else { i++; }}

邏輯與

邏輯與運算符由兩個和號(&&)表示，有兩個操作數，只有在兩個操作數都為true時，結果才返回true，否則返回false

 //邏輯與(&&)的真值表第一個操作數第二個操作數結果true true truetrue false falsefalse true falsefalse false alse

邏輯與操作可以應用於任何類型的操作數，而不僅僅是布爾值。如果其中一個操作數不是布爾值，則邏輯與操作不一定返回布爾值

邏輯與操作屬於短路操作，如果第一個操作數能夠決定結果，那麼就不會再對第二個操作數求值

對於邏輯與而言，如果第一個操作數是false，則無論第二個操作數是什麼值，結果都是false，則返回第一個操作數；如果第一個操作數為true，則結果的真假和第二個操作數的真假相同，則返回第二個操作數

//除了false、undefined、null、+0、-0、NaN、''這7個假值，其餘都是真值console.log('t' && ''); //因為't'是真值，所以返回''console.log('t' && 'f'); //因為't'是真值，所以返回'f'console.log('t' && 1 + 2); //因為't'是真值，所以返回3console.log('' && 'f'); //因為''是假值，所以返回''console.log('' && ''); //因為''是假值，所以返回''

 var i = 1;var result = (true && i++);console.log(result,i);//因為true是真值，所以執行i++，i是2，result是1var i = 1;var result = (false && i++);console.log(result,i);//因為false是假值，所以不執行i++，i是1，result是false

邏輯與運算符可以多個連用，返回第一個布爾值為false的表達式的值

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

關係運算符的優先級比邏輯與(&&)和邏輯或(||)的優先級高，所以類似表達式可以直接書寫，不用補充圓括號

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

可以使用邏輯與運算符來取代if結構

if (a == b) { doSomething();}// 等價於(a == b) && doSomething();

邏輯與運算符常常用於回調函數使用中

//若沒有給參數a傳值，則a為默認的undefined，是假值，所以不執行a()，防止報錯，如果給參數a傳值，則執行函數a()function fn(a){ if(a){ a(); }}//等價於function fn(a){ a && a();}

邏輯或

邏輯或運算符由兩個豎線(||)表示，有兩個操作數，只有在兩個操作數都是false時，結果才返回false，否則返回true

 //邏輯或(||)的真值表第一個操作數第二個操作數結果true true truetrue false truefalse true truefalse false false

同樣地，邏輯或操作也可以應用於任何類型的操作數，而不僅僅是布爾值。如果其中一個操作數不是布爾值，則邏輯或操作不一定返回布爾值

邏輯或操作也屬於短路操作，如果第一個操作數能夠決定結果，那麼就不會再對第二個操作數求值

對於邏輯或而言，如果第一個操作數是true，則無論第二個操作數是什麼值，結果都是true，則返回第一個操作數；如果第一個操作數是fales，則結果的真假和第二個操作數的真假相同，則返回第二個操作數

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是真值，所以不執行i++，result是true，i是1var i = 1;var result = (false || i++);console.log(result,i);//因為false是假值，所以執行i++，i是2，result是1

同樣地，邏輯或運算符也可以多個連用，返回第一個布爾值為true的表達式的值

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

邏輯或運算符常用於為變量設置默認值

//如果沒有向參數p傳入任何對象，則將該參數默認設置為空對象function fn(p){ p = p || {};}

以上就是小編為大家帶來的javascript運算符――邏輯運算符全面解析全部內容了，希望大家多多支持武林網~