JavaScript条件表达式的布尔判断

本文详细解析了JavaScript中条件表达式的布尔判断原理及==与===的区别。通过具体示例介绍了不同数据类型转换为布尔值的规则,并对比了相等与等同运算符的使用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、JavaScript条件表达式的布尔判断
在JavaScript中,对于单独作为判断式里的一个表达式if(aaa)这样的条件判断时,会先把aaa转换成布尔型true或false,再判断其真假。其他类型转换布尔型的规则是:
1、对于只定义未赋值的变量var aaa,其值为undefined,为false.
2、字符串:空字符串""转换布尔型为false,其它为true;
3、数字:数字0转换为布尔值为false,非0数字为true;
4、对象:为null的对象转换为布尔型为false,其它为true;
5、对象属性值:未声明的属性值、属性值为0或空串""或false或null的,转换布尔值为false,其余为true;

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

<script type="text/javascript"> 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("震撼++"); //打印 } </script>

要知道以下三个是为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。

来自:http://wangweiwei358.iteye.com/blog/726113

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值