JavaScript基础:逻辑运算符——&&和||(短路判断)和!

一、&&:所有条件都为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

点赞