算数运算符 与 逻辑运算符

一、算数运算符

1.加法运算符 + 

    1)number类型的加法就是数学加法计算

var a = 10 +20 +30 ;

console.log (a ) //60

   2)String 类型的加法就是拼接符号

var s1 = “1” + “aa” 

console.log (s1) // 1aa

var s2 = 10+ 12 + " 1" 

console.log(s2) // 221  按算数运算顺序运算

var s3= 10+"1" + 12  

console.log(s3) // 10112 

3）+ 可以把任意数值转为number类型 

2.减法运算符 -

    1)number类型的减法就是数学减法计算

var a = 30-20 ;

console.log (a ) //10

2)String 类型不能有减法运算，所以见过是NaN

var a = 30-"a" ;

console.log (a )   //NaN

3） - 可以把任意值转为number类型，变成负数，前面变成负号

3.乘法运算符 *

var r3 = 5 * 5

4.除法运算符  /

var r4 = 10 / 3

5.指数运算符  **

var r4 = 3 ** 2;

console.log(r4) // 9

6.余数运算符 % （取余）

//取余数  有余数显示余数，没有余数显示的0

var r5 = 10 % 3 ;

console.log(r5) //1

7.自增运算符 ++X 或 X++

++X 与  X++的区别

var b = 1;

var c = ++b  ； // --> 先运行 ++b = 2 ,再把2赋值给c c=2   （先自增再使用）

var c = b++ ；// --> 先把b赋值给c ，在进行b变量递增          （先使用后自增）

8.自减运算符 --X 或 X--

--X 与  X--的区别

var b = 4;

var c = --b  ； // --> 先运行 --b = 3 ,再把3赋值给c c=3  (先自减再使用）

var c = b--；// --> 先把b赋值给c c=4 ，在进行b变量递增  （先使用后自减）

9.赋值运算符 

var a3 = 10

a3 += 10 // 等价于 : a3 = a3 + 10

a4 -= 5 // 等价于 a4 = a4 - 5

a3 *= 5 // a3 = a3 * 5

a3 /= 5 // a3 = a3 / 5

a3 %= 5 // a3 = a3 % 5

a3 **=5 // a3 = a3 ** 5

二、逻辑运算符

1. 等于 x==y  （只判断值是否相同，不会判断数据类型）

var a = "3" ;

console.log( a == 3) //true  

2. 全等于 x===y  (比较值和数据类型） 建议使用

console.log( a === 3) //false

3.不等于 X!=Y   （只判断值是否相同，不会判断数据类型）

console.log( a != 3) //false

4.全不等于 !==  (比较值和数据类型）

console.log( a !== 3) //true

5.！非运算符   取Boolean的反值

console.log( !true ) // true 的反值是 false

console.log( !!false ) // !false 是 true ， !true 的值是 false

6.与运算 &&  （两边同时为true 则为true，只要有一个false则返回false）

7.或运算 || （左右两边只要有一个true，则返回true，只有同时为false才会返回false）

|| 或逻辑运算符，如果左边是true，不会执行右边的代码

 console.log( true || false && false || true && false  );  // 输出true 

        思路分析  : 把左边 true 和右边 false && false || true && false 看成一个整体

                            左边是true 所以后面的代码不会执行

|| 逻辑会判断左边是否为true(如果左边不是boolean类型，会转为boolean类型)