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。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值