javascript運算子——邏輯運算子

小火柴的藍色理想發表於2016-06-26
JavaScript

前面的話

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

 

邏輯非

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

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

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

　　邏輯非運算子常常用於控制迴圈

//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               true
true              false              false
false             true               false
false             false              false

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

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

　　對於邏輯與而言，如果第一個運算元是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'是真值，所以返回3
console.log('' && 'f'); //因為''是假值，所以返回''
console.log('' && ''); //因為''是假值，所以返回''
var i = 1;
var result = (true && i++);
console.log(result,i);//因為true是真值，所以執行i++，i是2，result是1

var 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              true
true              false             true
false             true              true
false             false             false

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

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

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

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是1

var 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 || {};
}

 

參考資料

【1】 ES5/表示式 https://www.w3.org/html/ig/zh/wiki/ES5/expressions
【2】 阮一峰Javascript標準參考教程——語法——布林運算子 http://javascript.ruanyifeng.com/
【3】 W3School-Javascript高階教程——ECMAScript邏輯運算子 http://www.w3school.com.cn/
【4】《javascript權威指南(第6版)》第4章 表示式和運算子
【5】《javascript高階程式設計(第3版)》第3章 基本概念
【6】《javascript DOM程式設計藝術(第2版)》第2章 Javascript語法

 

相關文章