Js运算符

算数运算符

算术运算符概述

JavaScript 语言的算术运算符是使用数字值作为操作数，进行运算之后返回一个数字值。

算术运算符 +,-,*,/,% % => 模(余数)

加法运算符

加法运算符（+）的作用就是用来计算两个操作数的加法计算。前提是这个两个操作数都是数字值（number 类型）

普通的加法运算:进行正常的加法运算
字符串运算符:

如果其中一个或两个操作数是字符串（string 类型）的话，+ 符号则表示为字符串运算符。此时的的作用的拼接字符串。

减法运算符

减法运算符（-）的作用就是用来计算两个操作数的减法计算。

如果不是number类型的话会先将其他类型转换为number类型，再进行计算

除法/乘法运算符

乘法运算符（*）的作用就是用来计算两个操作数的乘法计算。

除法运算符（/）的作用就是用来计算两个操作数的除法计算。

取余运算符

取余运算符（%）的作用就是用来两个操作数进行相除运算之后的余数

注意：当出现负数时，最终将的结果同第一个操作数的位置有关：如果第一个操作数是负数，结果就是负数

如果非number类型，处理方式同减法运算符

案例:

var a = 10;
var b = 20;
var c = "字符串"

console.log(a+b);   //30
console.log(a+c);   //10字符串
console.log(a-b);   //-10
console.log(a-b);   //NaN
console.log(a*b);   //200
console.log(a/b);   //0.5
console.log(a%b);   //10
console.log(a%c);   //NaN
console.log(-10 % 3); //-1

逻辑运算符

JavaScript 语言提供了如下表所示的逻辑运算符：

运算符	描述
逻辑与运算符（`&&`）	如果左边操作数转换为 boolean 类型的值为 false，则返回左边操作数，否则返回右边操作数
逻辑或运算符（ΙΙ）	如果左边操作数转换为 boolean 类型的值为 true，则返回左边操作数，否则返回右边操作数
逻辑非运算符（`!`）	将操作数转换为 boolean 类型的值，如果为 true 的话则返回 false，否则返回 true

非运算符
非真既假,非假既真,取反

!true => false

!false => true

比如:

var a = true
var b = false
console.log(!a);    //false
console.log(!b);    //true

与运算符

比如:需要&&的两边同时为true,结果为true

true && true => true

true && false => false

false && true => false

false && false => false

比如:

console.log(true&& true);// true
console.log(true && false);// false
console.log(false && true);// false
console.log(false && false);// false

或运算符

比如:只要两边有一个边true,那么结果就为true

true || true => true

true || false => true

false || true => true

false || false => false

比如:

console.log(true|| true);// tre
console. log (true || false);// false
console.log(false|| true);// false
console. log(false || false);// false

赋值运算符

= 将=右边的值赋值给等号左边的变量 var a = 10;
+= a += b => a = a + b
-= a -= b => a = a - b
*= a *= b => a = a * b
/= a /= b => a = a / b
a%= b a %= b => a = a % b

比较运算符

比较运算符,返回的结果是boolean的值

运算符	描述	案例
等于运算符（`==`）	当两个操作数的值相等时，返回 true，否则返回 false	`3 == '3'` 返回 true
不等于运算符（`!=`）	当两个操作数的值不等时，返回 true，否则返回 false	`3 != 1` 返回 true
全等运算符（`===`）	当两个操作数的类型和值都相同时，返回 true，否则返回 false	`3 === 3` 返回 true
不全等运算符（`!==`）	当两个操作数的类型或值不相同时，返回 true，否则返回 false	`3 !== '3'` 返回 true
大于运算符（`>`）	当左边操作数大于右边操作数时，返回 true，否则返回 false	`3 > 2` 返回 true
大于等于运算符（`>=`）	当左边操作数大于等于右边操作数时，返回 true，否则返回 false	`3 >= 2` 返回 true
小于运算符（`<`）	当左边操作数小于右边操作数时，返回 true，否则返回 false	`2 < 3` 返回 true
小于等于运算符（`<=`）	当左边操作数小于等于右边操作数时，返回 true，否则返回 false	`2 <= 3` 返回 true
比如:

var a = 10;
var b = 20;
var c = 20;
console.log(a != b);  //true
console.log(a !== b);  //true
console.log(a == b);   //false
console.log(a === b);   //false
console.log(a > b);   //false
console.log(a >= b);   //false
console.log(b >= c);   //true
console.log(a < b);   //true
console.log(a <= b);  //true

自增自减

自增运算符(++)
自减运算符(--)

比如:

var a = 10;
//如果++在前,表示先运算,再赋值,如果是++在后,表示先赋值再运算
var b = a ++;   //再运算,就是对a自己进行+1
console.log(a,b);

//同样的道理,如果是--在前,那么先对本身进行-1,再赋值
//如果是--在后,那么将自己的值赋值给那个变量,然后自己再进行运算