JS中的逻辑运算符&&、||

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

1、JS中的||符号：

运算方法：

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

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

总结：真前假后；

2、JS中的&&符号：

运算方法：

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

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

总结：假前真后；

总之：谁重要就返回谁；&& 优先级高于 ||

 alert((1&&3||0)&&4);
 alert(1&&3||0&&4);
 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