Js运算符

Js运算符

算数运算符

算术运算符概述

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

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

加法运算符

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

1. 普通的加法运算:进行正常的加法运算

2. 字符串运算符:

   如果其中一个或两个操作数是字符串（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,再赋值
//如果是--在后,那么将自己的值赋值给那个变量,然后自己再进行运算