原文:JS中的逻辑运算符&&、||

1、JS中的||符号:

运算方法:

     只要“||”前面为false,不管“||”后面是true还是false,都返回“||”后面的值。

     只要“||”前面为true,不管“||”后面是true还是false,都返回“||”前面的值。

总结:真前假后;

2、JS中的&&符号:

运算方法:

     只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;

     只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后面的值;

总结:假前真后;

总之:谁重要就返回谁;&& 优先级高于 ||

1 alert((1&&3||0)&&4);
2 alert(1&&3||0&&4);
3 alert(0&&3||1&&4);

看到第一行:

1&&3 :对于&& 如果前面的是真的,它还需要知道后面的值是否是真的,所以当前面为真了,那么后面的值决定了它的真假,所以 前面真了,就返回后面的值;所以 1&&3 结果是3

3||0,对于|| ,如果前面的值是真,那么后面的值是否是真、假不重要,所以返回前面的值,因为他才是重要的;所以 3||0 结果是 3

3 &&4 同理 3&&4 返回4;

综上:第一行的数据返回结果是 4;

第二行:

1&&3 前面是真,重要的是后面的值,返回3;

0&&4 前面为假了,那么对于&&而言 后面是什么都不重要,因为都是假的,所以返回0;

3&&0 同理,返回3;

综上:第二行的数据返回结果是 3;

第三行:

0&&3,返回0,&&运算而言 前面已经是假了,就返回了,即0;

1&&4,返回4,&&前面是真,还得看看后面的值,后面的值重要,因为他决定了 真假;

0||4,对应 || 前面是假了,后面的值就很重要了,后面的值决定了该条语句的真假,所以返回4;

综上:第三行数据返回4;

弄懂了以上说的还应该知道:

      js的6个蛋蛋:在js逻辑运算中,0、”“、null、false、undefined、NaN都会判为false,其他都为true。

其实 II  && 常用来判断当前获取的值是否“有效”;比如表单验证,

比如:

<form>
    <input type="text" name="username" id="username">
    <input type="password" name="password" id="password">
</form>
var username = $("#username").val()
var password = $("$password").val()
if(!!username ){
alert("请输入用户名")
}
if(!!password ){
alert("请输入密码")
}

但是大多数时候除了需要知道值的真假,还要赋值;如果是假,则赋值;所以 || 和&&特别重要。

var a = x || 0;

var b = parseInt(a);

在这种情况下,运算符就起到了特别大的作用,x=undefined,如果直接parseInt(x),就报错了。。。。

本文参考地址:https://www.cnblogs.com/yuanxinghuo/p/7881366.html

12-22 04:44