JavaScript条件表达式的布尔判断

在JavaScript中，对于单独作为判断式里的一个表达式if(aaa)这样的条件判断时，会先把aaa转换成布尔型true或false，再判断其真假。其他类型转换布尔型的规则是：

对于只定义未赋值的变量var aaa,其值为undefined，为false.

字符串：空字符串""转换布尔型为false，其它为true；

数字：数字0转换为布尔值为false，其它为true；

对象：为null的对象转换为布尔型为false，其它为true；

对象属性值：未声明的属性值、属性值为0或空串""或false或null的，转换布尔值为false,其余为true；

对于用==号判断的条件表达式if(aaa==bbb)与if(aaa)的情况时，以下是几个容易出错的例子：

var a = "";
if(a==0){
	alert("空串==0为真");//打印
}
if(0==a){
	alert("0==空串为真");//打印
}
if(0){
	alert("0 true");
}else{
	alert("0 false");//打印
}
var v = 0;
if(v){
	alert("值为0的变量 true");
}else{
	alert("值为0的变量 false");//打印
}
if(v==false){
	alert("0==false为真");//打印
}
	
var obj = new Object();
obj.aa = 0;
obj.bb = false;
if(obj.aa){
	alert("对象属性值为0 true");
}else{
	alert("对象属性值为0 false");//打印
}
if(obj.bb){
	alert("对象属性值为false true");
}else{
	alert("对象属性值为false false");//打印
}
	
if(obj.aa==obj.bb){
	alert("震撼");//打印
}
if(obj.bb==0){
	alert("震撼++");//打印
}
if(obj.bb==""){
	alert("震撼++");//打印
}

要知道以下三个是为true的：
""==0
""==false
0==false
以下几个也是为true的，奇怪吧：
0=="      "
0=="   0  "
0=="       000000000       "

总结如下：

1.==和!=是比较运算符，但当类型不同时会进行类型转换，例如false==0这个条件为真；

2.而===和!==不会进行类型转换，类型不同就判断它们不同，所以false===0这个条件为假；

3.一般为了安全起见，都是使用===进行比较的；

运算符==读作相等，而运算符===则读作等同

相等运算符:
如果操作数具有相同的类型，则判断其等同性，如果两个操作数的值相等，则返回true(相等)，否则返回false(不相等).

如果操作数的类型不同，则按照这样的情况来判断：

1.null和undefined相等

2.其中一个是数字，另一个是字符串，比较规则是：
    if该字符串是空字符串""或者是空格组成的字符串"     ",则先将该字符串转换为数字0，再做比较,例如:
         0==""为true   0=="      "也为true；
    else其他情况，则先将该字符串转换为数字，再做比较,例如12=="   12  "为true的；

3.一个是true，先转换成1(false则转换为0)，再做比较

4.如果一个值是对象，另一个是数字/字符串，则将对象转换为原始值(通过valueOf()或者toString()方法,其中valueOf方法优先)

5.其他情况，则直接返回false

等同运算符:
如果操作数的类型不同，则不进行值的判断，直接返回false

如果操作数的类型相同，分下列情况来判断：

1.都是数字的情况，如果值相同，则两者等同(有一个例外，就是NaN，NaN与其本身也不相等)，否则不等同

2.都是字符串的情况，与其他程序设计语言一样，如果串的值不等，则不等同，否则等同

3.都是布尔值，且值均为true/false，则等同，否则不等同

4.如果两个操作数引用同一个对象(数组，函数)，则两者完全等同，否则不等同

5.如果两个操作数均为null/undefined，则等同，否则不等同

比如：

var obj = {   
    id : "self",   
    name : "object"  
};   
var oa = obj;   
var ob = obj;   
alert(oa == ob);  //true 
alert(oa === ob);  //true

再来看一个对象的例子：

var obj1 = {   
    id : "self",   
    name : "object",   
    toString : function(){   
       return "object 1";   
    }   
}   
var obj2 = "object 1";   
alert(obj1 == obj2);   //true
alert(obj1 === obj2);  //false

obj1是一个对象，而obj2是一个结构与之完全不同的字符串，而如果用相等操作符来判断，则两者是完全相同的，因为obj1重载了顶层对象的toString()方法。
而!=不等和!==不等同，则与==/!==相反。因此，在JavaScript中，使用相等/等同，不等/不等同的时候，一定要注意类型的转换，这里推荐使用等同/不等同来进行判断，这样可以避免一些难以调试的bug。

评论

1 楼 fancyleeo 2012-06-28  

很好！这么好的文章没人顶？