javascript 中的&&和||到底干什么？

 先看&&

 

    <script language="javascript" type="text/javascript">
        var a =1;
        var b = 0;
        var c = 3;
        var d = a && b && c;
        window.alert(d);
    </script>

输出了d的值为0，如果把d的值改为不等于0的值，那么d将始终是3

所以js中的&&返回的是第一个不为真的值即是0（对象亦可），如果全部都是真那么返回的最后一个值。
     

    <script language="javascript" type="text/javascript">
        var a =0;
        var b = 3;
        var c = 5;
        var d = a || b || c;
        window.alert(d);
    </script>

输出了d的值为3，如果把b的值改为0，那么d将始终是5.如果全部都改为0，那么d的值是0.
所以js中的||返回的是第一个不为false的值即是0（对象亦可），如果全部都是false那么返回的最后一个值。

 

应用：

比如要简单的验证邮箱格式，只有‘@'’和‘.'’都同时存在是才算格式正确，否则提示错误:

该用哪个呢？让我们分析一下：

if (form1.elements[3].value.indexOf("@",0)==-1 && form1.elements[3].value.indexOf(".",0)==-1){ alert("EMAIL地址输入错误!")}

如果都存在：&&两边都是假。&&返回第一个为真的值，所以if判断条件是假if后面的语句不执行！不会提示用户。

只有至少@和。存在一个的是时候if的条件才为真，才提示用户错误。

两个都存在的时候，返回最后一个的值，是真 if判断条件成立if语句执行。提示用户错误。

所以用&&明显错误！

要换成 if (form1.elements[3].value.indexOf("@",0)==-1 || form1.elements[3].value.indexOf(".",0)==-1){ alert("EMAIL地址输入错误!") }

分析：

如果两个都存在：全部为false，返回是false 所以if条件不成立，语句不执行，不提示错误！

如果只有一个存在：返回第一个不为false的值。返回为true 提示错误！

两个都不存在：返回第一个不为false的值，返回是true 提示错误！

所以应该用||