你不知道的JavaScript（八）逻辑运算

JS的逻辑运算结果和其他一些强类型语言差别比较大，也比较容易让人产生困惑，看下面的例子：

<script type="text/javascript">
var a = 40;
var b = "hello";
alert(!!a);//true
alert(!!b);//true
alert(a && b);//alert hello
</script>

我们定义两个变量a、b,对a、b进行两次取反获取它们转换成boolean类型的值均为true。然后將变量a和变量b做逻辑运算，发现结果竟然不是true，而是”hello”。

为了明确JS逻辑运算的最终结果是怎样的，我们需要先了解一下JS中哪些类型的值在做逻辑判断的时候会被认为是false。

空字符串

""

数值类型（number）中的0和NaN

null类型

undefined类型

boolean类型中的false

<script type="text/javascript">
//alert false
if(""|| 0 || null || undefined || NaN || false )
{
alert(true);
}else
{
alert(false);
}
</script>

执行上面代码对话框中弹出false,其他值在逻辑判断时均被认为是true。

接下来在来解释逻辑运算符||和&&的返回结果是怎么一回事：

事实上，JS以参与逻辑运算的最后一个值作为本次逻辑运算的最终结果，这句话理解起来可能有点困难，我们来看看下面的例子：

var num1 = 40;
var str1 = "hello";
alert(num1 || str1);//40
alert(num1 && str1);//hello

大家都知道 || 运算符是”一真则真”，num1转换为boolean类型为true，已经有一个”true”了，所以 || 运算符后面的部分没有被执行，也就是说str1根本就没有参与该逻辑运算。JS会把num1的值作为本次逻辑运算的结果。

而逻辑运算符&&则是”一假则假”，num1转换为boolean类型为true，能够决定该逻辑运算结果转换为boolean类型真假的是str1。所以JS以str1作为该逻辑运算的结果。

有了这些依据下面的逻辑运算结果就很容易判断了：

var num2 = 0;
var str2 = "wrold";
alert(num2 || str2);//hello
alert(num2 && str2);//0

var num3 = 40;
var str3 = "";
alert(num3 || str3);//40
alert(num3 && str3);//""

num2值为0,转换成boolean类型为false,

num2 || str2

逻辑运算的结果由str2决定。

num2 && str2

逻辑运算中num2 已经为假，str2未参与逻辑运算，所以以num2作为该逻辑运算的结果。下面的一个例子也是同样的道理。