脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → javascript中2个感叹号的用法

javascript中2个感叹号的用法实例详解

 更新时间：2014年09月04日 16:01:45   投稿：shichen2014  
这篇文章主要介绍了javascript中2个感叹号的用法,并用大量的实例讲述了!!的常见应用情况,是非常实用的技巧,需要的朋友可以参考下

在javascript代码中经常会见到!!的情况，本文即以实例形式较为深入的分析javascript中2个感叹号的用法。分享给大家供大家参考之用。具体分析如下：

javascript中的!!是逻辑"非非"，即是在逻辑“非”的基础上再"非"一次。通过!或!!可以将很多类型转换成bool类型，再做其它判断。

一、应用场景：判断一个对象是否存在

假设有这样一个json对象：

{ color: "#E3E3E3", "font-weight": "bold" }

需要判断是否存在，用!!再好不过。

如果仅仅打印对象，无法判断是否存在：

var temp = { color: "#A60000", "font-weight": "bold" };
alert(temp);

结果：[object: Object]

如果对json对象实施!或!!,就可以判断该json对象是否存在： 

var temp = { color: "#A60000", "font-weight": "bold" };
alert(!temp);

结果：false

var temp = { color: "#A60000", "font-weight": "bold" };
alert(!!temp);

结果：true

二、通过!或!!把各种类型转换成bool类型的惯例

1.对null的"非"返回true 

var temp = null;
alert(temp);

结果：null

var temp = null;
alert(!temp);

结果：true

var temp = null;
alert(!!temp);

结果：false

2.对undefined的"非"返回true 

var temp;
alert(temp);

结果：undefined

var temp;
alert(!temp);

结果：true

var temp;
alert(!!temp);

结果：false

3.对空字符串的"非"返回true 

var temp="";
alert(temp);

结果：空

var temp="";
alert(!temp);

结果：true

var temp="";
alert(!!temp);

结果：false

4.对非零整型的"非"返回false 

var temp=1;
alert(temp);

结果：1

var temp=1;
alert(!temp);

结果：false

var temp=1;
alert(!!temp);

结果：true

5.对0的"非"返回true

var temp = 0;
alert(temp);

结果：0

var temp = 0;
alert(!temp);

结果：true

var temp = 0;
alert(!!temp);

结果：false

6.对字符串的"非"返回false

var temp="ab";
alert(temp);

结果：ab

var temp="ab";
alert(!temp);

结果：false

var temp="ab";
alert(!!temp);

结果：true

7.对数组的"非"返回false

var temp=[1,2];
alert(temp);

结果：1,2

var temp=[1,2];
alert(!temp);

结果：false

var temp=[1,2];
alert(!!temp);

结果：true

相信本文所述对大家的javascript程序设计的学习有一定的借鉴价值。

您可能感兴趣的文章:

相关文章

  • javascript实现类似java中getClass()得到对象类名的方法

    javascript实现类似java中getClass()得到对象类名的方法

    这篇文章主要介绍了javascript实现类似java中getClass()得到对象类名的方法,实例分析了javascript实现java中getClass方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 微信小程序中获取用户手机号授权登录详细步骤

    微信小程序中获取用户手机号授权登录详细步骤

    这篇文章主要给大家介绍了关于微信小程序中获取用户手机号授权登录的详细步骤,在微信小程序中开发者可以通过微信提供的API接口实现用户登录和获取用户的手机号,需要的朋友可以参考下
    2023-07-07
  • javascript FormatNumber函数实现方法

    javascript FormatNumber函数实现方法

    如果有一个数字498.8573945,如何把它格式化成两位小数据呢？用过asp的都知道,在vbscript里我们可以调用formatnumber,即用formatnumber(498.8573945,2)就可以输出：498.86。
    2008-12-12
  • javascript实现粘贴qq截图功能（clipboardData）

    javascript实现粘贴qq截图功能（clipboardData）

    这篇文章主要介绍了javascript实现粘贴qq截图功能，利用clipboardData在网页中实现截屏粘贴的功能，感兴趣的小伙伴们可以参考一下
    2016-05-05
  • Javascript中的函数声明与函数表达式(奇技淫巧)

    Javascript中的函数声明与函数表达式(奇技淫巧)

    Javascript有很多有趣的用法，在Google Code Search里能找到不少,今天从火丁笔记看到的，非常不错，推荐大家看下。
    2011-03-03
  • 微信小程序文章详情页跳转案例详解

    微信小程序文章详情页跳转案例详解

    这篇文章主要介绍了微信小程序文章详情页跳转案例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • JavaScrip常见的一些算法总结

    JavaScrip常见的一些算法总结

    这篇文章主要介绍了JavaScrip常见的一些算法总结的相关资料,需要的朋友可以参考下
    2015-12-12
  • 关于Function中的bind()示例详解

    关于Function中的bind()示例详解

    其实所谓bind顾名思义就是绑定。bind()方法会创建一个新函数，当这个新函数被调用时，它的this值是传递给bind()的第一个参数，它的参数是bind()的其他参数和其原本的参数。这么说可能很多人都糊涂了，下面通过这篇文章的示例来给大家详细的介绍下吧。
    2016-12-12
  • js判断当前页面用什么浏览器打开的方法

    js判断当前页面用什么浏览器打开的方法

    这篇文章主要介绍了js判断当前页面用什么浏览器打开的方法,需要的朋友可以参考下
    2016-01-01
  • 30分钟快速掌握Bootstrap框架

    30分钟快速掌握Bootstrap框架

    Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。接下来通过本文给大家介绍如何快速掌握Bootstrap，感兴趣的朋友一起学习吧
    2016-05-05

最新评论