JS中的运算符

私人博客

许小墨のBlog —— 菜鸡博客直通车

系列文章完整版，配图更多，CSDN博文图片需要手动上传，因此文章配图较少，看不懂的可以去菜鸡博客参考一下配图！

系列文章目录

前端系列文章——传送门
JavaScript系列文章——传送门

---

---

1、算术运算

运算符	示例	备注
+（求和）	var a = 1; var b = 2; var c = a + b;	数学中的加法
-（求差）	var a = 2; var b = 1; var c = a - b;	数学中的减法
*（求积）	var a = 1; var b = 2; var c = a * b;	数学中的乘法
/（求商）	var a = 1; var b = 2; var c = a / b;	数学中的除法
%（求余）	var a = 5; var b = 2; var c = a % b;	数学中的求余数

求余运算，通常用于判断一个数字是奇数或偶数。因为所有奇数对2求余的结果都是1，所有偶数对2求余的结果都是0。

2、关系运算（比较运算）

运算符	描述
>	大于
>=	大于等于
<	小于
<=	小于等于
==	等于（主要用于判断两边的值是否相等）
===	全等于（先判断两边的类型是否相等，类型相等再判断值是否相等）
!=	不等于，等于的反义词，等于为false的时候，不等于就为true
!==	不全等，全等的反义词，全等为false的时候，不全等就为true

关系运算最后的结果只有两种，一种是真，一种是假，也就是布尔型的true和false

console.log(2>3); // false
var a = 2>1;
console.log(a); // true

等于和全等于

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

引号只能代表数据的类型不同，字符串在内存中存储的时候不会将引号存进去的，所以字符串在内存中的真是存储其实是不带引号的，所以a变量和b变量在内存中存的内容也一样，所以是相等的

但类型不一样，所以不全等。

3、赋值运算

符号	描述	示例
+=	自己先加后，再赋值给自己	var a = 1; a += 2; 相当于a先加2，结果赋值给a
-=	自己先减后，再赋值自己	var a = 1; a -= 1; 相当于a先减1，结果赋值给a
*=	自己先乘后，再赋值自己	var a = 1; a *= 3; 相当于a先乘3，结果赋值给a
/=	自己先除后，再赋值自己	var a = 4; a /= 2; 相当于a先除2，结果赋值给a
%=	自己先余后，再赋值自己	var a = 5; a %= 2; 相当于a先余2，结果赋值给a

代码：

var a = 1;
a += 2; // 将a先加2，得到结果3，再将3赋值给a
console.log(a); // 3

要理解上面的代码，首先理解给变量重新赋值。

var a = 1; // 先声明，给a赋值为1
a = 3; // 给变量a重新赋值为3
console.log(a); // 3

然后理解自己运算后再赋值给自己（回想一下：赋值符左边是变量，右边是值）

var a = 1;
a = a + 2; // 自己加2后再赋值给自己
console.log(a); // 3

最后的a变量是多少？

var a = 5;
a %= 3;
console.log(a); // 2

4、逻辑运算

逻辑运算一般用于判断多个关系运算，得出最后结果。

运算符	描述
&&（与，并且）	左右两边都为true，最后结果才为true，否则就是false
||（或者）	左右两边只要有一个true，最后结果就为true，否则就是false
！（非，取反）	将true处理为false，将false处理为true

逻辑运算最后得出的结果也是布尔型。

5、自增自减运算

符号：++ 表示让一个数字递增1

var a = 1;
a++
console.log(a); // 2

++可以放在后面，也可以放到前面，表示的意思是一样的

var a = 1;
++a;
console.log(a); // 2

当递增运算碰到赋值或者输出的时候，++放在前面和后就有了区别：

放在后面

var a = 1;
console.log(a++); // 1
console.log(a); // 2
var b = 1;
var c = b++;
console.log(c); // 1
console.log(b); // 2

当++放在后面的时候，就最后进行递增运算，先进行输出或者赋值。

放在前面

var a = 1;
console.log(++a); // 2
console.log(a); // 2
var b = 1;
var c = ++b;
console.log(c); // 2
console.log(b); // 2

当++放在前面的时候，就先进行递增运算， 后进行输出或赋值。

符号：-- 表示让一个数字递减1

使用方法和注意事项与递增一样。

递增递减运算需要使用变量，不能使用具体数字

---

注

本博文缺失大量图片，严重影响内容完整性以及阅读体验，完整内容请前往本人菜鸡博客——许小墨のBlog