逻辑运算符——&&和||（短路判断）和！

JavaScript基础：逻辑运算符——&&和||（短路判断）和！

原文：https://www.cnblogs.com/qiong2017/p/7728336.html

一、&&：所有条件都为true，返回true；只要有一个是false，返回false；不一定返回boolean类型值

1、可以操作任意类型的数据，不只是布尔型；(除了null、undefined、NaN不会隐式转换）

var a = 33,b=55,c=88

console.log(a<b&&b<c);//返回true

如果在有一个操作数不是布尔值得情况下，逻辑与就不一定返回布尔值，此时它遵循下列规则

• 如果前面操作数隐式类型转换后为true，则返回最后一个操作数：

　　　　　　　　　　console.log(77&&33)；//返回33

　　　　　　　　　　console.log(true&&9&&"您好")；//返回“您好”

　　　　　　　　　　console.log(80 && true );//返回true

• 如果前面有一个隐式转换后不是true，则返回第一个隐式转换为false的值（即短路的值）

　　　　　　　　　　console.log(“”&&true)；//返回空格

　　　　　　　　　　console.log(44&&0&&"hello");//返回0

　　　　　　　　　　console.log(55&&false&&0);//返回false

　　　　　　　　　　console.log(0&&null&&55);//返回0

　　　　　　　　　　console.log(NaN && 16 && "");//返回NaN

　　　　　　　　　　console.log("" && NaN && 12);//返回“”空字符串

2、返回值不一定是boolean类型。null，返回null；undefined，返回undefined；NaN，返回NaN

　　　　　　　　　　console.log(55*“abc”&&true);//返回NaN

　　　　　　　　　　console.log(null&&true);//返回null

　　　　　　　　　　console.log(undefined&&true);//返回undefined

　　　　　　　　　　console.log(undefined&&null&&9&&NaN);//返回undefined

 

二、||：只要一个条件为true，则返回true；都为false，则返回false

1、可以操作任意类型的数据，不只是布尔型；

2、返回值不一定是boolean类型。

（有一个为true，则返回true，后面就被短路啦；都为false，一直走到最后一个，打印左后一个）

　　　　　　　　　　console.log(33<22||33>11);//返回true

　　　　　　　　　　console.log(undefined || null || 0);//返回0

　　　　　　　　　　console.log(undefined || 88 || 99 );//返回88

　　　　　　　　　　console.lof(undefined || 33>10 || false);//返回true 

　　　　　　　　　　console.log(null || undefined || NaN);//返回NaN

　　　　　　　　　　console.log(NaN || undefined) ;//返回undefined

　　　　　　　　　　console.log("hellow" || NaN);//返回hellow

 

三、！（逻辑非）：返回值一定是boolean值

　

1、可以操作任意类型的数据，返回值一定是boolean值；

2、！！同事使用两个逻辑非操作符时——两次求反，为本来代表的boolean值

　　　　　　　　　　console.log(!false);//true

　　　　　　　　　　console.log(!88);//false

　　　　　　　　　　console.log(！NaN);//true

　　　　　　　　　　console.log(!!NaN);//false

　　　　　　　　　　console.log(!!"hell");//true