下面小編就為大家?guī)硪黄猨avascript運(yùn)算符——邏輯運(yùn)算符詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。

前面的話

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

邏輯非

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

邏輯非對(duì)操作數(shù)轉(zhuǎn)為布爾類型的轉(zhuǎn)換類型與Boolean()轉(zhuǎn)型函數(shù)相同，只不過最后再將其結(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，則無論第二個(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)算符來取代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，則無論第二個(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ī)淼膉avascript運(yùn)算符——邏輯運(yùn)算符全面解析全部?jī)?nèi)容了