JavaScript条件表达式的布尔判断

JavaScript中条件判断与类型转换

最新推荐文章于 2024-10-13 10:54:44 发布

转载最新推荐文章于 2024-10-13 10:54:44 发布 · 8.3k 阅读

文章标签：

#javascript #null #object

JavaScript 专栏收录该内容

17 篇文章

订阅专栏

本文详细解析了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("震撼++");//打印
}

总结如下：

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

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

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