详解JavaScript逻辑Not运算符

作者:闭包旅人

时间:2026-10-29

浏览:142

本文详解JavaScript中逻辑NOT运算符(!)的行为及其在类型转换中的应用。逻辑NOT运算符始终返回Boolean值,对对象、数字0、null、NaN及undefined有特定返回结果。通过双NOT运算符(!!)可获取变量的真实Boolean值,辅助&&和||运算判断。

文章目录

逻辑NOT运算符基础行为

在JavaScript中,逻辑NOT运算符与C和Java中的逻辑NOT运算符一致,均使用感叹号(!)表示。与逻辑OR和逻辑AND运算符不同,逻辑NOT运算符的返回值必定为Boolean类型。

逻辑NOT运算符的具体行为如下:

  • 若运算数为对象,则返回false。
  • 若运算数为数字0,则返回true。
  • 若运算数为除0以外的任何数字,则返回false。
  • 若运算数为null,则返回true。
  • 若运算数为NaN,则返回true。
  • 若运算数为undefined,则发生错误。

逻辑NOT运算符测试示例

测试脚本如下:


<script type="text/javascript">
  var bFalse = false;//运算数是bool类型的数
  var sRed = "red";//运算数是字符串
  var iZero = 0;//运算数是0
  var iThreeFourFive = 345;//运算数是 0 以外的任何数字
  var oObject = new Object();//对象
  var oNull=null;//运算数是null
  var oUndefined;//运算数是undifined
  var oNaN=parseInt("abc");//使用parseInt方法把尝试字符串abc转换成整数,因为abc不是数字,因此是转不了的,所以返回的结果就是NaN
 
  /*
  writeln() 方法与 write() 方法几乎一样,差别仅在于是前者将在所提供的任何字符串后添加一个换行符。在HTML中,这通常只会在后面产生一个空格;
  不过如果使用了 <PRE> 和 <XMP> 标识,这个换行符会被解释,且在浏览器中显示。
  */
 document.writeln("<XMP>");
 document.writeln("oNaN=parseInt(\"abc\")返回的结果是"+oNaN);
 document.writeln("bool类型的数false与!运算符运算之后的结果是:" + (!bFalse));
 document.writeln("字符串sRed与!运算符运算之后的结果是: " + (!sRed));
 document.writeln("数字0与!运算符运算之后的结果是:" + (!iZero));//如果运算数是数字 0,返回 true 
 document.writeln("数字345与!运算符运算之后的结果是:" + (!iThreeFourFive));//如果运算数是 0 以外的任何数字,返回 false 
 document.writeln("对象oObject与!运算符运算之后的结果是:" + (!oObject));//如果运算数是对象,返回 false 
 document.writeln("NaN与!运算符运算之后的结果是:" + (!oNaN));//如果运算数是NaN,返回 true 
 document.writeln("null与!运算符运算之后的结果是:" + (!oNull));//如果运算数是 null,返回 true 
 document.writeln("undifined与!运算符运算之后的结果是:" + (!oUndefined));
 //document.writeln("未定义的字符串sBule与!运算符运算之后的结果是:" + (!sBule));//sBule前面没有定义,也就是sBule运算数是 undefined,因此这里发生错误 
 document.writeln("</XMP>");
 </script>

运行结果:

  逻辑NOT运算符基础行为

利用双NOT运算符判断Boolean值

在判断JavaScript变量的Boolean值时,也可利用逻辑NOT运算符。该方法需在一行代码中使用两个NOT运算符。无论运算数为何种类型,第一个NOT运算符返回Boolean值,第二个NOT运算符对该Boolean值取反,从而得出变量的真实Boolean值。使用NOT运算符判断JavaScript变量的Boolean值是一项非常有用的技巧,只要知晓变量的boolean值,即可快速推断使用变量进行&&或||运算的结果。 测试脚本如下:


<script type="text/javascript">
  var bFalse = false;//运算数是bool类型的数
  var sRed = "red";//运算数是字符串
  var iZero = 0;//运算数是0
  var iThreeFourFive = 345;//运算数是 0 以外的任何数字
  var oObject = new Object();//对象
  var oNull=null;//运算数是null
  var oUndefined;//运算数是undifined
  var oNaN=parseInt("abc");//使用parseInt方法把尝试字符串abc转换成整数,因为abc不是数字,因此是转不了的,所以返回的结果就是NaN
 /*
 判断JavaScript 变量的 Boolean 值时,也可以使用逻辑 NOT 运算符。这样做需要在一行代码中使用两个 NOT 运算符。
 无论运算数是什么类型,第一个 NOT 运算符返回 Boolean 值。第二个 NOT 将对该 Boolean 值取反,从而给出变量真正的 Boolean 值。
 */
 document.write("<PRE>");
 document.writeln("布尔数false 的逻辑值是 " + (!!bFalse));
 document.writeln("字符串sRed 的逻辑值是 " + (!!sRed));
 document.writeln("数字0 的逻辑值是 " + (!!iZero));
 document.writeln("数字345 的逻辑值是 " + (!!iThreeFourFive));
 document.writeln("对象Object 的逻辑值是 " + (!!oObject));
 document.writeln("NaN的逻辑值是 :" + (!!oNaN));
 document.writeln("null 的逻辑值是 " + (!!oNull));
 document.writeln("undefined 的逻辑值是 " + (!!oUndefined));
 document.write("</PRE>");
 </script>

逻辑NOT运算符基础行为

以上就是关于JavaScript逻辑Not运算符的详细信息,希望对大家的学习有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章