JavaScript学习总结(四)——逻辑OR运算符详解

　　在JavaScript中，逻辑OR运算符用||表示

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

下面的真值表描述了逻辑AND运算符的行为:

在JavaScript中，0，"",false,null,undefined,NaN均表示false，

　　可以用如下的代码证明：

 1   <script type="text/javascript">
 2      var bFalse = false;//bool类型
 3      var strEmpty = "";//空字符串
 4      var iZero = 0;//数是0
 5      var oNull=null;//null
 6      var oUndefined;//undifined
 7      var oNaN=NaN;//NaN
 8     /*
 9     判断JavaScript 变量的 Boolean 值时，也可以使用逻辑 NOT 运算符。这样做需要在一行代码中使用两个 NOT 运算符。
10     无论运算数是什么类型，第一个 NOT 运算符返回 Boolean 值。第二个 NOT 将对该 Boolean 值求负，从而给出变量真正的 Boolean 值。
11     */
12     document.write("<PRE>");
13     document.writeln("布尔数false的逻辑值是 " + (!!bFalse));
14     document.writeln("空字符串(\"\")的逻辑值是 " + (!!strEmpty));
15     document.writeln("数字0的逻辑值是 " + (!!iZero));
16     document.writeln("NaN的逻辑值是 ：" + (!!oNaN));
17     document.writeln("null的逻辑值是 " + (!!oNull));
18     document.writeln("undefined的逻辑值是 " + (!!oUndefined));
19     document.write("</PRE>");
20   </script>

运行结果：

　　JavaScript的逻辑 OR 运算也是简便运算，对于逻辑 OR 运算符来说，如果第一个运算数值为 true，就不再计算第二个运算数，如果某个运算数不是 Boolean 值，逻辑 OR 运算并不一定返回 Boolean 值，逻辑||的运算规则如下：

1. 如果一个运算数是对象，另一个是 Boolean 值，返回该对象。
2. 如果两个运算数都是对象，返回第一个对象。
3. 如果某个运算数是 null，返回 null。
4. 如果某个运算数是 NaN，返回 NaN。
5. 如果某个运算数是 undefined，发生错误。

　　对于这些运算规则，没有必要死记硬背，因为在JavaScript中，可以使用逻辑Not运算符来判断JavaScript变量的Boolean值，判断的方式就是"!!变量名"，例如：

使用逻辑Not运算符来判断JavaScript变量的Boolean值

 1 <script type="text/javascript">
 2      var bFalse = false;//运算数是bool类型的数
 3      var sRed = "red";//运算数是字符串
 4      var iZero = 0;//运算数是0
 5      var iThreeFourFive = 345;//运算数是 0 以外的任何数字
 6      var oObject = new Object();//对象
 7      var oNull=null;//运算数是null
 8      var oUndefined;//运算数是undifined
 9      var oNaN=parseInt("abc");//使用parseInt方法把尝试字符串abc转换成整数，因为abc不是数字，因此是转不了的，所以返回的结果就是NaN
10     /*
11     判断JavaScript 变量的 Boolean 值时，也可以使用逻辑 NOT 运算符。这样做需要在一行代码中使用两个 NOT 运算符。
12     无论运算数是什么类型，第一个 NOT 运算符返回 Boolean 值。第二个 NOT 将对该 Boolean 值取反，从而给出变量真正的 Boolean 值。
13     */
14     document.write("<PRE>");
15     document.writeln("布尔数false 的逻辑值是 " + (!!bFalse));
16     document.writeln("字符串sRed 的逻辑值是 " + (!!sRed));
17     document.writeln("数字0 的逻辑值是 " + (!!iZero));
18     document.writeln("数字345 的逻辑值是 " + (!!iThreeFourFive));
19     document.writeln("对象Object 的逻辑值是 " + (!!oObject));
20     document.writeln("NaN的逻辑值是 ：" + (!!oNaN));
21     document.writeln("null 的逻辑值是 " + (!!oNull));
22     document.writeln("undefined 的逻辑值是 " + (!!oUndefined));
23     document.write("</PRE>");
24   </script>

判断结果：

逻辑||运算符测试脚本：

 1  <script type="text/javascript">
 2   document.write("<PRE>");
 3   /*JavaScript中的||将返回第一个不为false的那个值(对象亦可)或者最后一个值(如果全部都为false的话)*/
 4     var a=2;
 5     var b=90;
 6     var c=a||b;//在JavaScript中，非0的数字就代表true,0就代表false
 7     document.writeln("a=2,b=90,c=a||b的结果是："+c);//结果为2，返回第一个不为false的那个值，所以值是2
 8
 9     var bFalse1=false;
10     var bFalse2=false;
11     var num=0;//0代表false
12     var result=bFalse1||bFalse2||num;
13     document.writeln("bFalse1=false,bFalse2=false,num=0,result=bFalse1||bFalse2||num的结果是："+num);//如果全部都为false的话，返回最后一个值，因此结果是0
14
15     /*如果一个运算数是对象，另一个是 Boolean 值，返回该对象。*/
16     var obj = new Object();
17     var bTrue=true;
18     var bFalse=false;
19     document.writeln("obj||bTrue的结果是："+(obj||bTrue));//返回object
20     document.writeln("bTrue||obj的结果是："+(bTrue||obj));//返回true,逻辑 OR 运算也是简便运算。对于逻辑 OR 运算符来说，如果第一个运算数值为 true，就不再计算第二个运算数。
21     document.writeln("obj||bFalse的结果是："+(obj||bFalse));//返回object
22     document.writeln("bFalse||obj的结果是："+(bFalse||obj));//返回object
23
24     /*如果两个运算数都是对象，返回第一个对象*/
25     var obj1 = new Object();
26     var obj2 = new Object();
27     document.writeln("obj1==(obj1||obj2)的结果是："+(obj1==(obj1||obj2)));//结果为true
28     document.writeln("obj2==(obj1||obj2)的结果是："+(obj2==(obj1||obj2)));//结果为false
29
30     /*如果某个运算数是 null，返回 null。*/
31     var c=1;
32     var d=null;
33     document.writeln("d=null,null的布尔值是；"+(!!d));
34     document.writeln("c=1，d=null,c||d的结果是："+(c||d));
35     document.writeln("c=1，d=null,d||c的结果是："+(d||c));
36
37     var o=new Object();
38     document.writeln("o是一个对象，d=null,o||d的结果是："+(o||d));//返回object
39     document.writeln("o是一个对象，d=null,d||o的结果是："+(d||o));//返回object
40
41     var zero=0;
42     document.writeln("zero=0，d=null,zero||d的结果是："+(zero||d));//返回null
43     document.writeln("zero=0，d=null,d||zero的结果是："+(d||zero));//返回0
44
45     var bTrue = true;
46     var bResult = (bTrue || bUnknown);
47     /*变量 bUnknown 是未定义的。不过，由于变量 bTrue 的值为 true，bUnknown 不会被计算，因此输出的是 "true"。*/
48     document.writeln("bUnknown是未定义的一个变量，bResult = (bTrue || bUnknown)的结果是："+bResult);//输出 "true"
49
50      bFalse = false;
51      bResult = (bFalse || bUnknown);    //发生错误
52     document.writeln(bResult);            //不会执行这一行
53     document.write("</PRE>");

运行结果：

原文地址：https://www.cnblogs.com/ronghua/p/10201500.html