JavaScript 学习笔记之操作符

 更新时间:2015年01月14日 10:34:19   转载 投稿:hebedich  
本文着重给大家介绍了javascript的操作符,包含一元操作符、位操作符、布尔操作符这3种类型,讲解的十分全面,小伙伴们参考下

一、一元操作符

1、自增自减操作符:分为前置型和后置型;

前置型:++a;--a;

后置型:a++;a--;

例:

复制代码 代码如下:

   <script type="text/javascript">
         var a, b,i= 1,j=1;
         a=i++;
         b=++j;
         alert("a="+a+",i="+i+",b="+b+",j="+j);//a=1,i=2,b=2,j=2
     </script>

其中a=i++,相当于a=i;i=i+1;
而b=++j,相当于j=j+1;b=j;

2、一元加减操作符:a=+i;a=-i;

复制代码 代码如下:

  <script type="text/javascript">
         var a, b,i= 1,j=1;
         a=+i;
         b=-j;
         alert("a="+a+",i="+i+",b="+b+",j="+j);//a=1,i=1,b=-1,j=1
 </script>

对整数而言,一元减相当于取负数。

二、位操作符

1、按位非~ (NOT)

非,即按二进制形式将所有数字取反。

常见用法:位运算 NOT 实质上是对数字求负,然后减 1

2、按位或| (OR)

或,即按二进制形式将所有的数字与目标数字按位进行或操作。

常见用法:通常用于二进制数字的无条件赋值。例如:一个数字|1,相当于与获取与当前数字最接近的奇数。

3、按位与& (AND)

与,即按二进制形式将所有的数字与目标数字按位进行与操作。

常见用法:通常用于二进制的取位操作,例如:一个数字&1,如果结果为0则为偶数,如果为1则为奇数。

4、按位异或^ (XOR)

异或,即按二进制形式将所有数字与目标数字对比,只有两个数字不相同即只有一个数位存放的是1的时候返回1,如两个数字相同返回0.

常见用法:xor运算的逆运算是它本身,也就是说两次异或同一个数最后结果不变。可以用于简单的加密,或交互数值操作。

5、左移<<

左移,即按二进制形式把所有的数字向左移动对应的位数,高位移出(舍弃),低位的空位补零。左移不会影响符号位。

数学意义:在数字没有溢出的前提下,对于正数和负数,左移一位都相当于乘以2的1次方,左移n位就相当于乘以2的n次方。

6、右移

6.1有符号的右移>>:即按二进制形式把所有的数值向右移动但是保留符号位。

数学意义:在数字没有溢出的前提下,对于正数和负数,右移一位都相当于除以2的1次方,右移n位就相当于除以2的n次方。

6.2无符号的右移>>>:即按二进制形式把所有的数值,包括符号位都向右移动。

对于正数来说>>和>>>的结果是一样的;

对负数来说,由于负数以其绝对值的补码形式表示,因此会导致无符号右移结果非常大。

三、布尔操作符

1、逻辑非  !
逻辑非用!表示,可以应用与ECMAScript的任何类型的值,逻辑非操作返回的是一个布尔值(true/false)。该操作符首先会将它的操作数转换为一个布尔值,然后再对其求反.

!!相当于Boolean()函数。

Boolean()转型函数的一组规则。

数据类型 转换为true的值 转换为false的值
Boolean true false
String   任何非空字符串 ""(空字符串)
Number  任何非零数字值(包括无穷大) 0和NaN
Object 任何对象 null
Undefined  无 undefined

2、逻辑与&&

逻辑与有两个操作数。

逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的情况下,逻辑与操作就不一定返回布尔值;此时,它遵循一下规则:
1. 如果第一个操作数是对象,则返回第二个操作数;
2. 如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象;
3. 如果两个操作符都是对象,则返回第二个操作数; 遵循第一规则。
4. 如果有一个操作数是null,则返回null;
5. 如果有一个操作数是NaN,则返回NaN;
6. 如果有一个操作数是undefined,则返回undefined。

逻辑与操作属于短路操作,即如果第一操作数能够决定结果,那么就不会再对第二个操作数求值。(可以理解为内部的两个return操作)。因此当4、5、6规则冲突时,遵循短路操作原则。

复制代码 代码如下:

 var nul = null;
 var na = NaN;
 var test;
 test = na&&nul;
 document.write(test); //NaN

复制代码 代码如下:

 var nul = null;
 var na = NaN;
 var test;
 test = nul&&na;
 document.write(test); //null

3、逻辑或||

逻辑或有两个操作数。

逻辑或与逻辑与相似,操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的情况下,逻辑或操作就不一定返回布尔值;此时,它遵循一下规则:
1. 如果第一个操作数是对象,则返回第一个操作数;
2. 如果第一个操作数的结果是false,则返回第二个操作数;
3. 如果两个操作符都是对象,则返回第一个操作数,遵循第一条规则。
4. 如果两个操作数都是null,则返回null;
5. 如果两个操作数都是NaN,则返回NaN;
6. 如果两个操作数都是undefined,则返回undefined。

逻辑或操作属于短路操作,即如果第一操作数结果为true,那么就不会再对第二个操作数求值。

我们可以利用逻辑或的这个特性来避免为变量赋null或undefined的值

例如:var myObject=firstObject||secondObject

如果firstObject不是null,则firstObject被赋值给myObject,否则将secondObject的值赋给myObject.

以上内容就是本文的全部了,希望对大家能有所帮助

相关文章

  • JavaScript 学习笔记 Black.Caffeine 09.11.28

    JavaScript 学习笔记 Black.Caffeine 09.11.28

    这两天终于写出了一个个人认为真正意义上的作业了,不过,最大感受就是。。。IE太垃圾了。。。so,这个作业实际上也没有完成的很完美,因为,在IE上还是有兼容性的问题存在,不错,就此先自我总结一下吧~免得以后又忘了~
    2009-11-11
  • Javascript的this详解

    Javascript的this详解

    这篇文章主要介绍了Javascript的this的作用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 详解Js里的for…in和for…of的用法

    详解Js里的for…in和for…of的用法

    这篇文章主要介绍了Js里的for…in和for…of的用法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • Javascript学习笔记之函数篇(五) : 构造函数

    Javascript学习笔记之函数篇(五) : 构造函数

    javascript本身是没有类的概念,只有函数的概念。javascript的类实际上也是一个javascript的函数,在这个特殊的函数中间可以包含变量和其他javascript函数的引用。那么这个特殊的函数本身就是javascript所谓类的构造函数。
    2014-11-11
  • JavaScript的document对象和window对象详解

    JavaScript的document对象和window对象详解

    JavaScript的document对象和window对象详解,js经常用得到的知识,了解下。
    2010-12-12
  • 浅析js中mvvm模式实现的原理

    浅析js中mvvm模式实现的原理

    在本篇文章中我们给大家分享了关于js中mvvm模式实现的原理的相关知识点内容,有需要的朋友们参考下。
    2018-10-10
  • javascript标签在页面中的位置探讨

    javascript标签在页面中的位置探讨

    在制作网页的过程中需要引用很多的js文件,至于他正确位置好多的朋友就会有疑问了,接下来为大家详细介绍下
    2013-04-04
  • java script编程起步(第三课)

    java script编程起步(第三课)

    java script编程起步(第三课)...
    2007-01-01
  • ECMAScript6快速入手攻略

    ECMAScript6快速入手攻略

    本文译自 Github 上的一篇文章,目的是对还不太熟悉 ES6语法的同学做一个简单的扫盲。下面一起来学习。
    2016-07-07
  • Windows下用PyCharm和Visual Studio开始Python编程

    Windows下用PyCharm和Visual Studio开始Python编程

    这篇文章主要介绍了Windows下用PyCharm和Visual Studio开始Python编程,这两个软件也是Windows下Python的IDE的代表,需要的朋友可以参考下
    2015-10-10

最新评论