博客
关于我
JavaScript学习总结(二)——逻辑Not运算符详解
阅读量:347 次
发布时间:2019-03-04

本文共 1302 字,大约阅读时间需要 4 分钟。

在JavaScript中,逻辑NOT运算符与C和Java中的逻辑NOT运算符相同,均由感叹号(!)表示。与逻辑OR和逻辑AND运算符不同的是,逻辑NOT运算符返回的必定是Boolean值。

JavaScript逻辑NOT运算符的行为

逻辑NOT运算符在处理不同类型的运算数时,返回的结果如下:

  • 如果运算数是对象,返回false。
  • 如果运算数是数字0,返回true。
  • 如果运算数是0以外的任何数字,返回false。
  • 如果运算数是null,返回true。
  • 如果运算数是NaN,返回true。
  • 如果运算数是undefined,会导致错误。

测试脚本

以下是一个测试脚本,用于验证逻辑NOT运算符的行为:

var bFalse = false; // 运算数是bool类型的数var sRed = "red"; // 运算数是字符串var iZero = 0; // 运算数是0var iThreeFourFive = 345; // 运算数是0以外的任何数字var oObject = new Object(); // 对象var oNull = null; // 运算数是nullvar oUndefined; // 运算数是undefinedvar oNaN = parseInt("abc"); // parseInt返回NaN,因为"abc"不是数字// 测试结果console.log(!oNaN); // 返回trueconsole.log(!bFalse); // 返回trueconsole.log(!sRed); // 返回trueconsole.log(!iZero); // 返回falseconsole.log(!iThreeFourFive); // 返回falseconsole.log(!oObject); // 返回falseconsole.log(!oNull); // 返回true// console.log(!oUndefined); // 会抛出错误

运行结果

  • oNaN是NaN,!oNaN返回true。
  • !bFalse返回true。
  • !sRed返回true。
  • !iZero返回false。
  • !iThreeFourFive返回false。
  • !oObject返回false。
  • !oNull返回true。
  • !oUndefined会抛出错误。

判断JavaScript变量的Boolean值

在JavaScript中,可以通过双重逻辑NOT运算符来判断变量的Boolean值。无论变量是什么类型,第一个!运算符会将其转换为Boolean值,第二个!运算符会对该Boolean值取反,从而得到变量的实际Boolean值。

例如:

  • !!false → true
  • !!"red" → true
  • !!0 → true
  • !!345 → false
  • !!new Object() → false
  • !!null → true
  • !!NaN → false
  • !!undefined → 抛出错误

这种方法简洁且高效,适用于快速判断变量的Boolean值,特别是在进行与运算或或运算时非常有用。

转载地址:http://jikr.baihongyu.com/

你可能感兴趣的文章
nginx + etcd 动态负载均衡实践(二)—— 组件安装
查看>>
nginx + etcd 动态负载均衡实践(四)—— 基于confd实现
查看>>
Nginx + Spring Boot 实现负载均衡
查看>>
Nginx + uWSGI + Flask + Vhost
查看>>
Nginx - Header详解
查看>>
Nginx Location配置总结
查看>>
Nginx Lua install
查看>>
Nginx upstream性能优化
查看>>
Nginx 中解决跨域问题
查看>>
Nginx 动静分离与负载均衡的实现
查看>>
Nginx 反向代理 MinIO 及 ruoyi-vue-pro 配置 MinIO 详解
查看>>
nginx 反向代理 转发请求时,有时好有时没反应,产生原因及解决
查看>>
Nginx 反向代理解决跨域问题
查看>>
Nginx 反向代理配置去除前缀
查看>>
nginx 后端获取真实ip
查看>>
Nginx 学习总结(16)—— 动静分离、压缩、缓存、黑白名单、性能等内容温习
查看>>
Nginx 学习总结(17)—— 8 个免费开源 Nginx 管理系统,轻松管理 Nginx 站点配置
查看>>
Nginx 常用配置清单
查看>>
nginx 常用配置记录
查看>>
Nginx 我们必须知道的那些事
查看>>