javascript真假值
所有为假的值

false

null

数字 0

字符串 ''

 数字NaN

undefined

其它所有的值都被当作真值,包括字符串'false',true,以及对象。

 

JavaScript逻辑运算符及优先级
a && b 

       如果 a 为true,直接返回b,而不管b为true或者false 。如果 a 为false 那么直接返回a
a || b 

       如果 a 为true,直接返回a,而不会继续往下执行。如果 a 为false,直接返回b,而不管b为true或者false 。

 

例1:

今天看了一段YUI compressor压缩的js代码:

Js代码  

javascript中的逻辑运算符 js逻辑运算符例题_操作数

userNum && (ind += index,ind >= userNum && (ind -= userNum),ind < 0 && (ind === -2 && (ind = -1),ind += userNum),selLi.removeClass("on"),$(selLi[ind]).addClass("on"));

直接疯掉了,估计一下子没几个人能看懂。那么就把他“翻译”一下。
&& (逻辑与)
这里主要是一个“&&”运算,首先要搞懂这个,看一个简单的例子:

Js代码 

var a = 1 && 2 && 3;//3  
var b = 0 && 1 && 2;//0  
var c = 1 && 0  && 2;//0  
alert(a),alert(b),alert(c);

 嘿嘿,写法很奇怪,运行的结果是3,0,0。一般我们在if语句中经常用到。“&&” (逻辑与) 运算和“||”运算真好相反,“&&” 运算遇到false就返回。

例如: a && b ,如果 a 为true,直接返回b,而不管b为true或者false 。如果 a 为false 那么直接返回a,上面例子中第一个var a = 1 && 2 && 3;因为1 && 2,1为真,返回2;2&&3, 2为真,返回3 。

Js代码 

var a = 0 || 1 || 2;//1  
var b = 1 || 0 || 3;//1  
alert(a),alert(b);

搞懂了“&&” 运算,再来看最上的面的YUI compressor压缩的js代码,翻译一下:

Js代码 

if(userNum){  
  ind += index;  
  if (ind >= userNum) {  
    ind -= userNum  
  }  
  if(ind < 0){  
    if(ind === -2){  
       ind = -1;  
    }  
    ind += userNum;  
  }  
  selLi.removeClass("on");  
  $(selLi[ind]).addClass("on");  
}

 && (逻辑与) 和||(逻辑或)混合使用的时候要注意他们的优先级:

&& (逻辑与) 优先级高于||(逻辑或)

 

return a && b || c ,
根据a来判断返回值,a 是 false 则肯定返回 c;如果 b , c 都是 true ,那么我们就可以根据 a 来决定b 还是 c ,如果 a 是 false 则返回 c,如果a是true 则返回 b。
return a || b && c
根据优先级相当于先算 b && c ,然后和a 相 或;如果a是true,则返回a,不论是b或c,如果a是false,则如果b是false,返回b,如果b是true,返回c;

Js代码  

var a = 3  &&  0 || 2;  //2   
var b = 3 || 0  &&  2; // 3   
var c= 0 || 2 && 3; // 3  
alert(a),alert(b),alert(c);

 

例2:

每个逻辑表达式都是有返回值的,但这个值并不一定是布尔变量,下面分别介绍:
(1)与操作符(&&)
javascript依次获取每一个操作数,将它们转换为布尔变量,如果是false,则直接返回这个操作数的值(注意,返回的是转换前的原值,不一定是布尔类型),中断后面操作数的处理;否则继续处理下一个操作数。如果直到最后一个操作数仍然对应布尔变量true,则返回最后这个操作数的值,下面的代码演示了其执行原理:

Js代码

var a="1" && true && 0 && false && "abc";  
alert(a);  //可见a的值是0  
var b="abc" && true && "123";  
alert(b);  //可见b的值是"123";

(2)或操作符(||)

javascript依次获取每一个操作数,将它们转换为布尔变量,如果是true,则直接返回这个操作数的值,中断后面操作数的处理;否则继续下一个操作数。如果知道最后一个操作数仍然对应布尔变量false,则返回这个操作数的值。下面的代码演示了其执行原理:

Js代码 

var a="abc" || "123";  
alert(a);  //可见a的值是"abc"  
var b=false || "" || 0;  
alert(b);  //可见a的值是0

(3)非操作符(!)

和前两种操作符不同,非操作符始终返回布尔类型的变量 ,例如:

 

Js代码

var a=! "abc";  
alert(a);  //显示a的值为false