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 =truevar b =false
console.log(!a);//false
console.log(!b);//true

• 与运算符比如:需要&&的两边同时为true,结果为truetrue && true => truetrue && false => falsefalse && true => falsefalse && false => false

比如:

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

• 或运算符比如:只要两边有一个边true,那么结果就为truetrue || true => truetrue || false => truefalse || true => truefalse || 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,再赋值
//如果是--在后,那么将自己的值赋值给那个变量,然后自己再进行运算