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

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

1 var bTrue = true;

2 var bFalse = false;

3 var bResult = bTrue || bFalse;

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

运算数 1 运算数 2 结果
true true true
true false true
false true true
false false false

 

 

 

 

 

在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>

判断结果:

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

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

 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>");

运行结果:

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

你可能感兴趣的:(JavaScript)