初级JS中的表达式与操作符

2019-10-12  本文已影响0人  拾柒_aab0

一个表达式可以包含常数,变量和操作符。

下面我们来说一下一些基础的操作符。

一元操作符(单目操作符):递增和递减的操作符;

第一种后置型

它的运算逻辑是先赋值后运算的顺序

i++

i--

举例:

var i = 5;
var b = i++;
console.log(b);//返回值是5;
console.log(i);//返回值是6;
第一种前置型

它的运算逻辑是先运算后赋值的顺序

++i

--i

举例:

var i = 5;
var b = ++i;
console.log(b);//返回值是6;
console.log(i);//返回值是6;
一元加减操作符:

区别在于减性操作符执行number()转函数功能之后会把得到的数转换成负数;

var i='45';
console.log(+i);//45
console.log(-i);//-45

如果有一个操作数是字符串、布尔值、 null 或 undefined ,则先在后台调用 Number() 函数将其转换为数值,然后再根据前面的规则执行减法计算。如果转换的结果是 NaN ,则减法的结果

就是 NaN ;

    var result1 = 5 - true; // 4,因为 true 被转换成了 1
    var result2 = NaN - 1; // NaN
    var result3 = 5 - 3; // 2
    var result4 = 5 - ""; // 5,因为"" 被转换成了 0
    var result5 = 5 - "2"; // 3,因为"2"被转换成了 2

var result6 = 5 - null; // 5,因为 null 被转换成了 0

3、乘性操作符

乘性操作符遇到非数值型将执行 Number() 转型函数功能。(隐式类型转换)

/ 除法操作符

% 取余操作符

var sum = 8 % 2; //0

var sum1 = 7 % 7 //0

var sum2 = 4 % 10; //4

4、关系操作符

< 、 > 、 <= 和 >= 这几个关系操作符用于对两个值进行比较

这几个操作符都返回一个布尔值

比较的是字符的编码数字的大小,小写字母的数值 大于 大写字母的数值

26个字母数值依次递增,如果首个字符相同,比较第二个,以此类推。

    var result = "23" < "3"; //true
    var result = "23" < 3; //false
    var result = "a" < 3; // false,因为"a"被转换成了 NaN

由于字母 "a" 不能转换成合理的数值,因此就被转换成了 NaN 。

根据规则,任何操作数与 NaN 进行关系比较,结果都是 false 。

于是,就出现了下面这个有意思的现象:

var result1 = NaN < 3; //false

var result2 = NaN >= 3; //false

5、相等操作符

相等和不相等——先转换再比较(仅仅比较转化后的值是否相等);

全等和不全等——仅比较而不转换(不仅比较值还比较类型)。

都返回布尔类型的值(true 或 false)

1)相等和不相等 ( == 和 != )

返回值为true的总结:

    * null == undefined  
              1 == true 
               0 == false
    "" == 0    
               "" == false 
              NaN != NaN
             true == "1"
            false == "0"  

2) 全等和不全等

===

除了在比较之前不转换操作数之外,全等和不全等操作符与相等和不相等操作符没有什么区别。

全等操作符由 3 个等于号( === )表示,它只在两个操作数未经转换就相等的情况下返回 true ,

如下面的例子所示:

    var result1 = ("55" == 55); //true,因为转换后相等
    var result2 = ("55" === 55); //false,因为不同的数据类型不相等   

!==

不全等操作符由一个叹号后跟两个等于号( !== )表示。它在两个操作数未经转换就不相等的情况

下返回 true 。例如:

    var result1 = ("55" != 55); //false,因为转换后相等

    var result2 = ("55" !== 55); //true,因为不同的数据类型不相等
上一篇下一篇

猜你喜欢

热点阅读