美文网首页
JavaScript操作符

JavaScript操作符

作者: 前端路上的小兵 | 来源:发表于2018-07-07 18:06 被阅读0次
    原文

    博客原文

    大纲

    前言
    1、一元操作符
    2、位操作符
    3、布尔操作符(逻辑操作符)
    4、乘性操作符
    5、加性操作符
    6、关系操作符(比较运算符)
    7、相等操作符(比较运算符)
    8、条件操作符
    9、赋值操作符
    10、逗号操作符

    前言

    ECMAScript描述了一组用于操作数据值的操作符,包括算数操作符(如加号和减号)、位操作符、关系操作符和相等操作符。ECMAScript操作符的与众不同之处在于,它们能够适用于很多值,例如字符串、数字值、布尔值,甚至对象。不过,在应用于对象时,相应的操作符通常都会调用对象的valueOf()和(或)toString()方法,以便取得可以操作的值。

    1、一元操作符

    1.1、一元操作符:只能操作一个操作一个数的操作符叫做一元操作符。
    1.2、一元操作符有递增、递减、一元加、一元减、delete、void、typeof、按位非(~)、按位与(!)。
    1.3、递增有前置递增和后置递增,递减有前置递减也有后置递减
    1.4、递增和递减操作符对任何类型的数据都是有效的,若遇到不是Number类型,会先将其转换其Number的类型,转换方法和转型函数Number()一致。
    1.5、一元加和一元减主要用于基本的算数运算,其主要是转换数据的正负性,对任何类型的数据都有效,若不是Number类型,将按照Number()的转换方式将其先转换成Number类型。

    2、位操作符

    2.1、位操作符用于最基本的层次上,即按内存中表示数值的位来操作数值。
    2.2、位操作符并不直接操作64位的值,而是先将64位的值转换成32位的整数,然后执行操作,最后再将结果转换回64位。对于开发人员来说,由于64位存储格式是透明的,因此整个过程就像是只存在32位的整数一样。
    2.3、ECMAScript会尽力向我们隐藏所有这些信息,换句话说,在以二进制字符串输出一个负数时,我们看到的只是这个负数绝对值的二进制码前面加上了一个负号。
    2.4、由于运算的过程中会将64位数值转换为32位数值,而这个转换过程的副效应是在对特殊的值:NaN和Infinity值的时候,会将其当做0来处理。
    2.5、对于非Number的数值,会先使用Number()方法将其转换成Number类型再进行位运算。
    2.6、位操作符主要有:

    /*
      按位非(NOT)
      按位非操作的本质:操作数的负值减1,但是按位非是在数值表示的最底层执行操作,因此速度更快
    */
    var num1 = 25;
    var num2 = ~num1;
    console.log(num2);//-26
    var num3 = -num1 -1
    console.log(num3);//-26
    /*
      按位与(AND)
    */
    var num1 = 25 & 3;
    console.log(num1);//1
    /*
      按位或(OR)
    */
    var num1 = 25 | 3;
    console.log(num1);//27
    /*
      按位异或(XOR)
    */
    var num1 = 25 ^ 3;
    console.log(num1);//26
    /*
      左移(<<)
      左移的本质是将要左移的数乘以2的左移次方的结果
    */
    var num1 = 2;
    var num2 = num1 << 5;
    console.log(num2);//64
    console.log(2*32);//64//2^5=32
    var num1 = 7;
    var num2 = num1 << 5;
    console.log(num2);//224
    console.log(7*32);//224
    /*
      有符号的右移(>>)
    */
    var num1 = 64;
    var num2 = num1 >> 5;
    console.log(num2);
    console.log(64/32);//2^5=32
    /*
      无符号右移(>>>)
    */
    var num1 = 64;
    var num2 = num1 >>> 5;
    console.log(num2);
    console.log(64/32);//2^5=32
    
    3、布尔操作符(逻辑操作符)

    布尔操作符一共有3个:非(NOT)、与(AND)、或(OR)

    3.1、逻辑非(!)
      逻辑非操作符首先会将它的操作数转换为一个布尔值,然后再对其求反。
      逻辑非操作符可以用于将一个值转换为与其对应的布尔值,通过同时使用两个逻辑非操作符来
    达到Boolean()的效果
      逻辑非操作符遵循下列规则:
            如果操作数是一个对象,返回false;
            如果操作数是一个空字符串,返回true;
            如果操作数是一个非空字符串,返回false;
            如果操作数是数值0,返回true;
            如果操作数是任意非0数值(包括Infinity),返回false;
            如果操作数是null,返回true;
            如果操作数是NaN,返回true;
            如果操作数是undefined,返回true
    
    3.2、逻辑与(&&)
      逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的
    情况下,逻辑与操作就不一定返回布尔值;此时,他遵循下列规则:
      逻辑与操作属于短路操作,即如果第一个操作数能够决定结果,那么就不会再对第二个操作
    数求值。即如果第一个操作数是false,那么返回false,下列的操作也就没有了。
        如果第一个操作数是对象,则返回第二个操作数
        如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回
    该对象
        如果两个操作数都是独享,则返回第二个操作数
        如果有一个操作数是null,则返回null
        如果有一个操作数是NaN,则返回NaN
        如果有一个操作数是undefined,则返回undefined
    
    3.3、逻辑或(||)
      与逻辑与操作相似,如果有一个操作数不是布尔值,逻辑或也不一定返回布尔值;此时,它
    遵循下列规则:
      逻辑非操作符是短路操作符,也就是说,如果第一个操作数的求值结果为true,就不会对第
    二个操作数求值了,也就不会对下列操作进行判断了
        如果第一个操作数是对象,则返回第一个操作数
        如果第一个操作数的求值结果为false,则返回第二个操作数
        如果两个操作数都是对象,则返回第一个操作数
        如果两个操作数都是null,则返回null
        如果两个操作数都是NaN,则返回NaN
        如果两个操作数都是undefined,则返回undefined
    
    4、乘性操作符

    乘性操作有:乘法、除法、求模
    在操作非数值的情况下,会先将非数值的数据通过Number()的方法将其转换成数值类型再进行计算

    4.1、乘法
      如果乘积超过了ECMAScript数值的表示范围,则返回Infinity和-Infinity
      如果有一个操作数是NaN,则结果是NaN
      如果是Infinity与0相乘,则结果是NaN
      如果是Infinity与非0数值相乘,则结果是Infinity或-Infinity,取决于有符号操作数
    的符号
      如果是Infinity与Infinity相乘,则结果是Infinity
      如果有一个操作数不是数值,则在后台调用Number()将其转换为数值,然后再应用上面的
    规则.
    
    4.2、除法
      如果商超过了ECMAScript数值的表示范围,则返回Infinity或-Infinity
      如果有一个操作数是NaN,则结果是NaN
      如果是Infinity被Infinity除,则结果是NaN
      如果是零被零除,则结果是NaN
      如果是非零的有限数被零除,则结果是Infinity或-Infinity,取决于有符号操作数的符号
      如果是Infinity被任何非零数值除,则结果是Infinity或-Infinity,取决于有符号操作数
    的符号
    
    4.3、求模
      如果被除数是无穷大值而除数是有限大的数值,则结果是NaN
      如果被除数是有限大的数值而除数是零,则结果是NaN
      如果是Infinity被Infinity除,则结果是NaN
      如果被除数是有限大的数值而除数是无穷大的数值,则结果是被除数
      如果被除数是零,则结果是零
    
    5、加性操作符

    加性操作有:加法、减法

    5.1、加法
      如果两个操作数都是数值,则执行常规的加法计算,有如下特殊规则
      如果有一个操作数是NaN,则结果是NaN
      如果是Infinity加Infinity,则结果是Infinity
      如果是-Infinity加-Infinity,则结果是-Infinity
      如果是Infinity加-Infinity,则结果是NaN
      如果是+0加+0,则结果是+0
      如果是-0加-0,则结果是-0
      如果是+0加-0,则结果是+0
    
    如果有一个操作数是字符串,那么就有如下规则
      如果操作数都是字符串,则将两个字符串拼接起来
      如果有一个操作数是字符串,另一个不是字符串,则会通过toString()方法获取相应的字符
    串,然后再将其拼接起来
    
    5.2、减法
      同样的,减法对于数据的操作也有其特殊性
      如果有一个操作数是NaN,则结果是NaN
      如果是Infinity减Infinity,则结果是NaN
      如果是-Infinity减-Infinity,则结果是NaN
      如果是Infinity减-Infinity,则结果是Infinity
      如果是-Infinity减Infinity,则结果是-Infinity
      如果是+0减+0,则结果是+0
      如果是+0减-0,则结果是-0
      如果是-0减-0,则结果是+0
    
    6、关系操作符(比较运算符)

    关系操作符:< 、> 、 <= 、>=

    6.1、不同类型数据之间的比较
      如果两个操作数都是数值,则执行数值比较
      如果两个操作数都是字符串,则比较两个字符串对应的字符编码值(从头一一对比,有结果
    就停止)
      如果一个操作数是数值,则将另一个操作数转换成一个数值,然后进行比较
      如果一个操作数是对象,则调用对象的valueOf()方法,用得到的结果执行比较,如果没有
    valueOf()则调用toString()方法,用得到的结果执行操作
      如果一个操作数是布尔值,则将其转换为数值,然后再比较
      任何操作数与NaN进行比较,结果都是false
    
    7、相等操作符(比较运算符)

    相等操作符有相等、不相等(——先转换再比较)和全等、不全等(——仅比较不转换)。

    7.1、如果是不同数据类型,比较之前需要进行转型操作
      如果有一个操作数是布尔值,则在比较的时候先将其转换为数值,false为0,true为1
      如果一个操作数是字符串,则另一个操作数是数值,则比较之前先将字符串转换为数值
      如果一个操作数是对象,另一个不是,则调用对象的valueOf()方法,得到基本数据类型再按
    前面的规则比较
    
    7.2、特殊值的特殊比较
      null和undefined是相等的
      要比较相等性之前,不能将null和undefined转换成其他任何职
      如果有一个操作数是NaN,则相等操作符返回false,即使两个操作数都是NaN,也返回false
      如果两个操作数都是对象,则比较他们是不是同一个对
    象,如果两个操作数都指向同一个对象,则相等
        
        null == undefined  true
        "NaN" == NaN       false
        5 == NaN           false
        NaN == NaN         false
        NaN != NaN         true
        false == 0         true
        true == 1          true
        true == 2          false
        undefined ==0      false
        null == 0          false
        "5" == 5           true
    
    7.3、全等和不全等

    除了在比较之前不转换数据类型之外,全等和不全等操作符与相等和不相等操作符没有什么区别。
    由于相等和不相等操作符存在类型转换问题,而为了保持代码中数据类型的完整性,我们推荐使用全等和不全等操作符。

    8、条件操作符

    条件操作符算是ECMAScript最灵活的一种操作符

    var variable = boolean_expression ? true_value : false_value;
    

    求最大值

    var max = (num1 > num2) ? num1 : num2;
    
    9、赋值操作符

    简单的赋值操作符由等于号(=)表示,其作用就是把右侧的值赋给左侧的变量。

    var num = 10;
    
    10、逗号操作符

    使用逗号操作符可以在一条语句中执行多个操作,如下面的例子所示:

    var num1=1,num2=2,num3=3
    

    逗号操作符多用于声明多个变量;但除此之外,逗号操作符还可以用于赋值。在用于赋值时,逗号操作符总会返回表达式中的最后一项,如下面的例子所示:

    var num = (5,1,5,8,0);//num的值为0
    

    相关文章

      网友评论

          本文标题:JavaScript操作符

          本文链接:https://www.haomeiwen.com/subject/herguftx.html