詳解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é)果:
這段代碼在進(jìn)行邏輯 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)文章
JavaScript實現(xiàn)獲取圖片文件真實格式的示例代碼
每種格式的圖片,都有自己特有的優(yōu)缺點以及數(shù)據(jù)結(jié)構(gòu),本篇博文的目的就是基于不同格式的圖像二進(jìn)制數(shù)據(jù),獲取到圖片的真實格式,感興趣的可以了解一下2023-02-02javascript中apply和call方法的作用及區(qū)別說明
本篇文章主要是對javascript中apply和call方法的作用及區(qū)別進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02JavaScript立即執(zhí)行函數(shù)的三種不同寫法
這篇文章主要介紹了JavaScript立即執(zhí)行函數(shù)的三種不同寫法,需要的朋友可以參考下2014-09-09多瀏覽器兼容的動態(tài)加載 JavaScript 與 CSS
Omar AL Zabir這位MVP總是喜歡搞些稀奇古怪同時又很實用的小東西,并且還十分值得參考。最近他就做了一個叫做ensure的小工具用于動態(tài)加載JavaScript、CSS與HTML,而且IE、Firefox、Opera、Safari都支持了,那么我們就來看看ensure是如何做到動態(tài)加載JavaScript與CSS的。2008-09-09解析ES6中的解構(gòu)賦值(數(shù)組,對象,嵌套,默認(rèn)值)
解構(gòu)賦值是一種特殊的語法,它使我們可以將數(shù)組或?qū)ο蟆安鸢敝烈幌盗凶兞恐校驗橛袝r這樣更方便,接下來通過本文給大家介紹ES6中的解構(gòu)賦值(數(shù)組,對象,嵌套,默認(rèn)值),需要的朋友可以參考下2022-11-11javascript 動態(tài)加載 css 方法總結(jié)
有時候我們在設(shè)計網(wǎng)頁的時候想動態(tài)的加載css文件,并不是將css文件寫死在頁面中,這時就可以使用下面方法.2009-07-07Bootstrap 折疊(Collapse)插件用法實例詳解
這篇文章主要介紹了Bootstrap 折疊(Collapse)插件用法實例詳解的相關(guān)資料,需要的朋友可以參考下2016-06-06javacript replace 正則取字符串中的值并替換【推薦】
replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個與正則表達(dá)式匹配的子串。這篇文章主要介紹了javacript replace 正則取字符串中的值并替換,需要的朋友可以參考下2018-09-09