您的当前位置:首页正文

【JS】逻辑运算符 非! 与&& 或||

2024-12-02 来源:个人技术集锦

JS中的逻辑运算符在处理布尔值的判断时,和其他语言没有什么不同,不过在处理对象时,就会变得有些不一样。

逻辑非(!)

如果一个操作数是一个对象,返回false;

如果一个操作数是一个空字符串,返回false;

如果一个操作数是一个非空字符串,返回false;

如果一个操作数是一个数值0,返回true;

如果一个操作数是任意的非零字符,返回false;

如果一个操作数是null,返回true;

如果一个操作数是NaN,返回true;

如果一个操作数是undefined,返回true;

ps: 其实这样很容易就看出来其逻辑判断的值了。

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

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

(1)对于布尔值,逻辑与是非常简单的,只要有一个false,就返回false;

(2)对于不是布尔值的情况则:
;
  如果第一个操作数是对象,则返回第二个数

      如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象;

      如果第两个操作数都是对象,则返回第二个数操作数

      如果有一个操作数是null,则返回null

      如果有一个操作数是NaN,则返回第NaN

      如果第一个操作数是undefined,则返回undefined
      
      如果其中一个操作数是0.则结果都会返回另一个操作数

ps:逻辑运算符操作对象遵循从左到右的顺序来判断,逻辑与操作符(&&)先判断第一个数,如果第一个数的逻辑判断是true,则还需判断第二个数,结果输出第二个操作数;同理,如果第一个数为false,则不用考虑第二个数了,直接输出第一个数的逻辑判断结果,这和其他语言原理都是一样的。
 总结:假前真后

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

(1)对于布尔值,逻辑或是非常简单的,只要有一个true,就返回true;

(2)对于不是布尔值的情况则:

             如果第一个操作数是对象,则返第一个操作数

             如果第一个操作数的求值结果为false,则返回第二个操作数

             如果两个操作数都是对象,则返回第一个操作数

             如果两个操作数是null,则返回null

             如果两个操作数是NaN,则返回NaN
             
             如果两个操作数是undefined,则返回undefined
              
              如果其中一个操作数是0.则结果都会返回0

ps: 原理同逻辑与(&&),逻辑或(||)的判断是如果第一个操作数的逻辑判断为true,则直接输出第一个操作数,不用再考虑第二个操作数;如果第一个操作数的逻辑判断为false,则还得去判断第二个操作数的逻辑。
 总结:真前假后

显示全文