JavaScript操作符(运算符):
1、一元操作符(单目操作符):
递增和递减操作符(分前置型和后置型)
++是递增操作符,--是递减操作符
后置型:
i++ 先赋值 后自加
i-- 先赋值 后自减
当不出现赋值时,执行自增(自减)运算;但是出现赋值时,先赋值,后运算;
var a = 10;
var b = a++;
console.log(a);
这里没给a赋值所有执行自增运算,所以结果是:
image.png
var a = 10;
var b = a++;
console.log(b);
这里给b赋值了,所以先赋值,先不做运算,所以结果是:
image.png
i--同理,它是递减操作符,执行的是递减操作。
前置型:
++i 先自加 再赋值
--i 先自减 再赋值
这里和后置型不同的是,它先运算后赋值。
var a = 10;
var b = ++a;
console.log(a);
console.log(b);
这里都是先执行递增运算,所以结果是:
image.png
一元加、减操作符
这两种操作符将执行 Number() 转型函数功能。
区别就是 减操作符 执行 Number() 转型函数功能后,将得到的数转换为负数。加操作符不作任何运算。
var a = -10;
console.log(+a);
console.log(-a);
image.png
2、加性操作符
-
加法操作符
顾名思义就是加法运算var sum = 6 + 7; console.log(sum);
如果运算中出现字符串类型,+ 将执行拼接的功能,转成字符串。
var sum = "7" + 6;
console.log(sum);
image.png
-减法操作符
如果有一个操作数是字符串、布尔值、 null 或 undefined ,则先在后台调用 Number() 函数,将其转换为数值,然后再根据前面的规则执行减法计算。如果转换的结果是 NaN ,则减法的结果就是 NaN ;
var result = 7 - NaN;
console.log(result);
image.png
var result = 7 - true;
console.log(result);
因为true转换成了“1”,所以结果是:
image.png
var result = 7 - 2;
console.log(result);
简单的减法运算
image.png
var result = 7 - "";
console.log(result);
""被转换成了0,所以结果如下:
image.png
var result = 7 - "2";
console.log(result);
“2”备注暗黄成数值2,所以结果如下:
image.png
var result = 7 - null;
console.log(result);
null被转换成0,所以结果如下:
image.png
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 result = NaN < 3; //false
var result = 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,因为不同的数据类型不相等
网友评论