詳解JavaScript邏輯And運算符
在JavaScript中,邏輯 AND 運算符用雙和號(&&)表示
var bTrue = true; var bFalse = false; var bResult = bTrue && bFalse;
下面的真值表描述了邏輯AND運算符的行為:

需要說明的是:邏輯AND運算的運算數(shù)可以是任何類型的,不止是Boolean值,如果某個運算數(shù)不是原始的Boolean型值,邏輯AND運算并不一定返回Boolean值
邏輯AND運算符的運算行為如下:
- 如果一個運算數(shù)是對象,另一個是 Boolean 值,返回該對象。
- 如果兩個運算數(shù)都是對象,返回第二個對象。
- 如果某個運算數(shù)是 null,返回 null。
- 如果某個運算數(shù)是 NaN,返回 NaN。
- 如果某個運算數(shù)是 undefined,發(fā)生錯誤。
- 如果兩個運算數(shù)都是boolean類型,則返回boolean值
與Java中的邏輯AND運算相似,JavaScript 中的邏輯AND運算也是簡便運算,即如果第一個運算數(shù)決定了結(jié)果,就不再計算第二個運算數(shù)。對于邏輯AND運算來說,如果第一個運算數(shù)是false,那么無論第二個運算數(shù)的值是什么,結(jié)果都不可能等于true。
考慮下面的例子:
var bTrue = true; var bResult = (bTrue && bUnknown); //發(fā)生錯誤 alert(bResult); //這一行不會執(zhí)行
代碼運行結(jié)果:

這段代碼在進行邏輯 AND 運算時將引發(fā)錯誤,因為變量 bUnknown 是未定義的。變量 bTrue 的值為 true,因為邏輯 AND 運算將繼續(xù)計算變量 bUnknown。這樣做就會引發(fā)錯誤,因為 bUnknown 的值是 undefined,不能用于邏輯 AND 運算。
如果修改這個例子,把第一個數(shù)設(shè)為 false,那么就不會發(fā)生錯誤:
var bTrue = false;
var bResult = (bTrue && bUnknown); //不會發(fā)生錯誤
alert("bTrue && bUnknown的結(jié)果是:"+(bResult));//輸出 "false"
在這段代碼中,腳本將輸出邏輯AND運算返回的值,即字符串"false"。即使變量 bUnknown 的值為 undefined,它也不會被計算,因為第一個運算數(shù)的值是 false。
運行結(jié)果:

驗證JavaScript邏輯And運算符的運算行為
測試代碼:
<script type="text/javascript">
document.write("驗證JavaScript邏輯And運算符的運算行為:");
document.write("<br/>");
document.write("-----------------------------------------------------------------------------");
document.write("<br/>");
var bTrue = true;
var bFalse = false;
var bResult = bTrue && bFalse;
/*1.如果兩個運算數(shù)都是boolean類型,則返回boolean值*/
document.write("1.如果兩個運算數(shù)都是boolean類型,則返回boolean值");
document.write("<br/>");
document.write("-----------------------------------------------------------------------------");
document.write("<br/>");
document.write("bTrue = true,bFalse = false,bTrue && bFalse的結(jié)果是:"+(bResult));//結(jié)果為false
document.write("<br/>");
document.write("-----------------------------------------------------------------------------");
document.write("<br/>");
var obj = new Object();
/*2.如果一個運算數(shù)是對象,另一個是 Boolean 值,返回該對象*/
document.write("2.如果一個運算數(shù)是對象,另一個是 Boolean 值,返回該對象");
document.write("<br/>");
document.write("-----------------------------------------------------------------------------");
document.write("<br/>");
document.write("obj是一個對象,true&&obj的結(jié)果是:"+(true&&obj));
document.write("<br/>");
document.write("obj==true&&obj的結(jié)果是:"+(obj==(true&&obj)));
document.write("<br/>");
document.write("false&&obj的結(jié)果是:"+(false&&obj));
document.write("<br/>");
document.write("-----------------------------------------------------------------------------");
document.write("<br/>");
/*3.如果兩個運算數(shù)都是對象,返回第二個對象。*/
var obj1 = new Object();
var obj2 = new Object();
document.write("3.如果兩個運算數(shù)都是對象,返回第二個對象。");
document.write("<br/>");
document.write("-----------------------------------------------------------------------------");
document.write("<br/>");
document.write("obj1是一個對象,obj2是一個對象,obj1==(obj1&&obj2)的結(jié)果是:"+(obj1==(obj1&&obj2)));//結(jié)果為false
document.write("<br/>");
document.write("obj1是一個對象,obj2是一個對象,obj2==(obj1&&obj2)的結(jié)果是:"+(obj2==(obj1&&obj2)));//結(jié)果為true
document.write("<br/>");
document.write("-----------------------------------------------------------------------------");
document.write("<br/>");
/*4.如果某個運算數(shù)是 null,返回null。*/
var a=null;
var b=true;
document.write("4.如果某個運算數(shù)是 null,返回null。");
document.write("<br/>");
document.write("a=null,b=true,a&&b的結(jié)果是:"+(a&&b));
document.write("<br/>");
document.write("-----------------------------------------------------------------------------");
document.write("<br/>");
/*5.如果某個運算數(shù)是NaN,返回NaN*/
var c = NaN;
var d = "str";
document.write("5.如果某個運算數(shù)是NaN,返回NaN");
document.write("<br/>");
document.write("c=NaN,d=str,c&&d的結(jié)果是:"+(c&&d));
document.write("<br/>");
document.write("-----------------------------------------------------------------------------");
document.write("<br/>");
/*
6.JavaScript中的邏輯 AND 運算是簡便運算,即如果第一個運算數(shù)決定了結(jié)果,就不再計算第二個運算數(shù)。
對于邏輯 AND 運算來說,如果第一個運算數(shù)是 false,那么無論第二個運算數(shù)的值是什么,結(jié)果都不可能等于 true。
*/
var bFalse = false;
var bResult = (bFalse && bUnknown);
document.write("6.JavaScript中的邏輯 AND 運算是簡便運算,即如果第一個運算數(shù)決定了結(jié)果,就不再計算第二個運算數(shù)");
document.write("<br/>");
document.write("對于邏輯 AND 運算來說,如果第一個運算數(shù)是 false,那么無論第二個運算數(shù)的值是什么,結(jié)果都不可能等于 true。");
document.write("<br/>");
document.write("bFalse=false,bUnknown是一個未定義的變量,bFalse && bUnknown的結(jié)果是:"+(bResult)); //輸出 "false"
var bTrue = true;
var bResult = (bTrue && bUnknown); //發(fā)生錯誤
alert(bResult); //這一行不會執(zhí)行
</script>

以上就是關(guān)于JavaScript邏輯And運算符的全部介紹,希望能夠幫助到大家更好的學(xué)習(xí)js的邏輯運算符。
相關(guān)文章
js面向?qū)ο髮崿F(xiàn)canvas制作彩虹球噴槍效果
這篇文章主要介紹了js面向?qū)ο髮崿F(xiàn)canvas制作彩虹球噴槍效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-09-09
js遍歷獲取表格內(nèi)數(shù)據(jù)的方法(必看)
下面小編就為大家?guī)硪黄猨s遍歷獲取表格內(nèi)數(shù)據(jù)的方法(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實現(xiàn)方法
這篇文章主要介紹了bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實現(xiàn)方法,需要的朋友可以參考下2017-02-02
JS寫的數(shù)字拼圖小游戲代碼[學(xué)習(xí)參考]
昨天沒事做,就用JS寫了個數(shù)字拼圖的小游戲,自娛自樂。 可惜關(guān)于逆序數(shù)的問題還沒解決,現(xiàn)在有時是拼不成的,大家見諒了。2008-10-10
webpack dll打包重復(fù)問題優(yōu)化的解決
在使用dll plugin過程中出現(xiàn)的一個包依賴問題,這個問題導(dǎo)致打出來的包會包含重復(fù)的代碼。這篇文章主要介紹了webpack dll打包重復(fù)問題優(yōu)化的解決,感興趣的小伙伴們可以參考一下2018-10-10

