JavaScript學習總結(三)——邏輯And運算符詳解


  在JavaScript中,邏輯 AND 運算符用雙和號(&&)表示

1 var bTrue = true;
2 var bFalse = false;
3 var bResult = bTrue && bFalse;

  下面的真值表描述了邏輯AND運算符的行為:

運算數 1 運算數 2 結果
true true true
true false false
false true false
false false false

 

  

 

 

 

  需要說明的是:邏輯AND運算的運算數可以是任何類型的,不止是Boolean值,如果某個運算數不是原始的Boolean型值,邏輯AND運算並不一定返回Boolean值

邏輯AND運算符的運算行為如下:

  1. 如果一個運算數是對象,另一個是 Boolean 值,返回該對象。
  2. 如果兩個運算數都是對象,返回第二個對象。
  3. 如果某個運算數是 null,返回 null。
  4. 如果某個運算數是 NaN,返回 NaN。
  5. 如果某個運算數是 undefined,發生錯誤。
  6. 如果兩個運算數都是boolean類型,則返回boolean值

  與Java中的邏輯AND運算相似,JavaScript 中的邏輯AND運算也是簡便運算,即如果第一個運算數決定了結果,就不再計算第二個運算數。對於邏輯AND運算來說,如果第一個運算數是false,那么無論第二個運算數的值是什么,結果都不可能等於true。
  考慮下面的例子:

1 var bTrue = true;
2 var bResult = (bTrue && bUnknown); //發生錯誤
3 alert(bResult); //這一行不會執行

代碼運行結果:

  這段代碼在進行邏輯 AND 運算時將引發錯誤,因為變量 bUnknown 是未定義的。變量 bTrue 的值為 true,因為邏輯 AND 運算將繼續計算變量 bUnknown。這樣做就會引發錯誤,因為 bUnknown 的值是 undefined,不能用於邏輯 AND 運算。
    如果修改這個例子,把第一個數設為 false,那么就不會發生錯誤:

1 var bTrue = false;
2 var bResult = (bTrue && bUnknown); //不會發生錯誤
3 alert("bTrue && bUnknown的結果是:"+(bResult));//輸出 "false"

  在這段代碼中,腳本將輸出邏輯AND運算返回的值,即字符串"false"。即使變量 bUnknown 的值為 undefined,它也不會被計算,因為第一個運算數的值是 false。

運行結果:

驗證JavaScript邏輯And運算符的運算行為

測試代碼:

 1  <script type="text/javascript">
 2     document.write("驗證JavaScript邏輯And運算符的運算行為:");
 3     document.write("<br/>");
 4     document.write("-----------------------------------------------------------------------------");
 5     document.write("<br/>");
 6 
 7     var bTrue = true;
 8     var bFalse = false;
 9     var bResult = bTrue && bFalse;
10     /*1.如果兩個運算數都是boolean類型,則返回boolean值*/
11     document.write("1.如果兩個運算數都是boolean類型,則返回boolean值");
12     document.write("<br/>");
13     document.write("-----------------------------------------------------------------------------");
14     document.write("<br/>");
15     document.write("bTrue = true,bFalse = false,bTrue && bFalse的結果是:"+(bResult));//結果為false
16     document.write("<br/>");
17 
18     document.write("-----------------------------------------------------------------------------");
19     document.write("<br/>");
20 
21     var obj = new Object();
22     /*2.如果一個運算數是對象,另一個是 Boolean 值,返回該對象*/
23     document.write("2.如果一個運算數是對象,另一個是 Boolean 值,返回該對象");
24     document.write("<br/>");
25     document.write("-----------------------------------------------------------------------------");
26     document.write("<br/>");
27     document.write("obj是一個對象,true&&obj的結果是:"+(true&&obj));
28     document.write("<br/>");
29     document.write("obj==true&&obj的結果是:"+(obj==(true&&obj)));
30     document.write("<br/>");
31     document.write("false&&obj的結果是:"+(false&&obj));
32     document.write("<br/>");
33 
34     document.write("-----------------------------------------------------------------------------");
35     document.write("<br/>");
36     /*3.如果兩個運算數都是對象,返回第二個對象。*/
37     var obj1 = new Object();
38     var obj2 = new Object();
39     document.write("3.如果兩個運算數都是對象,返回第二個對象。");
40     document.write("<br/>");
41     document.write("-----------------------------------------------------------------------------");
42     document.write("<br/>");
43     document.write("obj1是一個對象,obj2是一個對象,obj1==(obj1&&obj2)的結果是:"+(obj1==(obj1&&obj2)));//結果為false
44     document.write("<br/>");
45     document.write("obj1是一個對象,obj2是一個對象,obj2==(obj1&&obj2)的結果是:"+(obj2==(obj1&&obj2)));//結果為true
46     document.write("<br/>");
47 
48     document.write("-----------------------------------------------------------------------------");
49     document.write("<br/>");
50     /*4.如果某個運算數是 null,返回null。*/
51     var a=null;
52     var b=true;
53     document.write("4.如果某個運算數是 null,返回null。");
54     document.write("<br/>");
55     document.write("a=null,b=true,a&&b的結果是:"+(a&&b));
56     document.write("<br/>");
57     document.write("-----------------------------------------------------------------------------");
58     document.write("<br/>");
59     /*5.如果某個運算數是NaN,返回NaN*/
60      var c = NaN;
61      var d = "str";
62     document.write("5.如果某個運算數是NaN,返回NaN");
63     document.write("<br/>");
64     document.write("c=NaN,d=str,c&&d的結果是:"+(c&&d));
65     document.write("<br/>");
66     document.write("-----------------------------------------------------------------------------");
67     document.write("<br/>");
68     /*
69     6.JavaScript中的邏輯 AND 運算是簡便運算,即如果第一個運算數決定了結果,就不再計算第二個運算數。
70     對於邏輯 AND 運算來說,如果第一個運算數是 false,那么無論第二個運算數的值是什么,結果都不可能等於 true。
71     */
72     var bFalse = false;
73     var bResult = (bFalse && bUnknown);
74     document.write("6.JavaScript中的邏輯 AND 運算是簡便運算,即如果第一個運算數決定了結果,就不再計算第二個運算數");
75     document.write("<br/>");
76     document.write("對於邏輯 AND 運算來說,如果第一個運算數是 false,那么無論第二個運算數的值是什么,結果都不可能等於 true。");
77     document.write("<br/>");
78     document.write("bFalse=false,bUnknown是一個未定義的變量,bFalse && bUnknown的結果是:"+(bResult)); //輸出 "false"
79 
80     var bTrue = true;
81     var bResult = (bTrue && bUnknown);    //發生錯誤
82     alert(bResult);            //這一行不會執行
83   </script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM