javascript运算符初探

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);
  

image.png

如果运算中出现字符串类型，+ 将执行拼接的功能，转成字符串。

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，因为不同的数据类型不相等