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

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

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

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

以上就是關(guān)于JavaScript邏輯And運(yùn)算符的全部介紹,希望能夠幫助到大家更好的學(xué)習(xí)js的邏輯運(yùn)算符。
- JS邏輯運(yùn)算符短路操作實(shí)例分析
- javaScript 邏輯運(yùn)算符使用技巧整理
- 老生常談javascript中邏輯運(yùn)算符&&和||的返回值問(wèn)題
- 深入了解JavaScript的邏輯運(yùn)算符(與、或)
- 巧用Javascript的邏輯運(yùn)算符
- javascript運(yùn)算符——邏輯運(yùn)算符全面解析
- JavaScript知識(shí)點(diǎn)總結(jié)(四)之邏輯OR運(yùn)算符詳解
- 詳解JavaScript邏輯Not運(yùn)算符
- js比較和邏輯運(yùn)算符的介紹
- js的邏輯運(yùn)算符 ||
- JavaScript邏輯運(yùn)算符相關(guān)總結(jié)
相關(guān)文章
js面向?qū)ο髮?shí)現(xiàn)canvas制作彩虹球噴槍效果
這篇文章主要介紹了js面向?qū)ο髮?shí)現(xiàn)canvas制作彩虹球噴槍效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09
js遍歷獲取表格內(nèi)數(shù)據(jù)的方法(必看)
下面小編就為大家?guī)?lái)一篇js遍歷獲取表格內(nèi)數(shù)據(jù)的方法(必看)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法
這篇文章主要介紹了bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-02-02
JS寫的數(shù)字拼圖小游戲代碼[學(xué)習(xí)參考]
昨天沒(méi)事做,就用JS寫了個(gè)數(shù)字拼圖的小游戲,自?shī)首詷?lè)。 可惜關(guān)于逆序數(shù)的問(wèn)題還沒(méi)解決,現(xiàn)在有時(shí)是拼不成的,大家見(jiàn)諒了。2008-10-10
webpack dll打包重復(fù)問(wèn)題優(yōu)化的解決
在使用dll plugin過(guò)程中出現(xiàn)的一個(gè)包依賴問(wèn)題,這個(gè)問(wèn)題導(dǎo)致打出來(lái)的包會(huì)包含重復(fù)的代碼。這篇文章主要介紹了webpack dll打包重復(fù)問(wèn)題優(yōu)化的解決,感興趣的小伙伴們可以參考一下2018-10-10
layui動(dòng)態(tài)加載多表頭的實(shí)例
今天小編就為大家分享一篇layui動(dòng)態(tài)加載多表頭的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
用webpack4開(kāi)發(fā)小程序的實(shí)現(xiàn)方法
這篇文章主要介紹了用webpack4開(kāi)發(fā)小程序的實(shí)現(xiàn)方法,分享通過(guò)webpack來(lái)構(gòu)建小程序的開(kāi)發(fā)架構(gòu),感興趣的小伙伴們可以參考一下2019-06-06

