运算符 | maimaiのnote

# 运算符

运算符（operator）成为操作符是用于实现赋值，比较和执行算数运算等功能的符号

js中常用的运算符有

算数运算符

递增和递减运算符

逻辑运算符

赋值运算符

# 算数运算符

运算符	描述	案例
+	加
-	减号
*	乘
/	除
%	取余数（取模）

console.log(1+2);
        console.log(1-3);
        console.log(1*4);
        console.log(6/2);
        // 取余
        console.log(5%2);
        console.log(5%3);
        console.log(5%4);
        // 浮点数 算数运算里面会有问题
        console.log(0.2+ 0.4);//0.6000000000000001
        console.log(0.09*2000);

# 递增和递减运算符

如果需要反复给数字变量添加或减去1 可以使用递增(++)和递减(--)运算符来完成

在javascript中递减（++）和递减（--）既可以放在变量前面也可以放在变量后面。放在变量前面时，我们可以称为前置递增（递减）运算符,放在变量后面时我们称为后置递增（递减）运算符

递增递减运算符必须和变量配合使用

# 前置运算符
// 想要一个变量自己加1  num =num +1
        var  num = 1;
        num = num + 1;
        num = num +1;
        console.log(num);

        // 前置递增运算符 ++ 写在变量的前面

        var age = 10;
        ++age;
        console.log(age);
        
        // 先加1 后返回值
        var p = 10;
        console.log(++p  + 10);

# 后置运算符

 // 先加1 后返回值
        var p = 10;
        console.log(++p  + 10);

        var num = 10 ;
        num ++;
        console.log(num);

        var sm  =10;
        console.log(sm++ +10);
        console.log(sm);
        // 前置自增和后置自增如果单独使用 效果是一样的
        // 后置口诀 先返回原值后自加

# 小结

前置递增和后置递增运算符可以代码的简写让变量的值+ 1 比以前写更简单

单独使用是运行结果相同

与其他代码联用时，执行结果会不同

后置：先原计算，后自加（先人后已）

前置：先自加，后运算（先已后人）

开发时，大多使用后置递增（减）并且代码独占一行： num++； num--;

# 比较运算符

概念：比较预算符（关系运算符）是两个数据进行比较时候所使用的运算符，比较运算后，会返回一个布尔值（false/true）作为比较运算的结果。

运算符名称说明案例结果

< 小于号 1<2 true

> 大于号 1>2 false

>= 大于等于号 2>=2 true

<= 小于等于号 3<=2 false

== 判等号（会转型） 37==37 true

!= 不等号 37!=37 false

=== !== 全等要求值和数据类型都一致 37 ==='37' false

符号作用用法

= 赋值把右边给左边

== 判断判断两边的值是否相等（注意此时有隐式转换）

=== 全等判断两边的值和数据类型是否完全相同

运算符名称	说明	案例	结果
<	小于号	1<2	true
>	大于号	1>2	false
>=	大于等于号	2>=2	true
<=	小于等于号	3<=2	false
==	判等号（会转型）	37==37	true
!=	不等号	37!=37	false
`===` `!==`	全等要求值和数据类型都一致	37 ==='37'	false

符号	作用	用法
=	赋值	把右边给左边
==	判断	判断两边的值是否相等（注意此时有隐式转换）
===	全等	判断两边的值和数据类型是否完全相同

# 逻辑运算符

概念：逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值，后面开发中经常用于多个条件的判断

逻辑运算符说明案例

&& 与 and true&& false

| 或 or

! 非 not !true

# 短路运算（逻辑中断）

原理: 当有多个表达式（值）时，左边的表达式值可以确定结果时就不在继续运算右边的表达式的值：

逻辑与

语法：表达式1&&表达式2

如果第一个表达式的值为真，则返回表达式2

如果第一个表达式的值为假，则返回表达式1

逻辑或

语法:表达式1&&表达式2

如果第一个表达式的值为真则返回表达式1

如果第一个表达式的值为假则返回表达式2

逻辑运算符	说明	案例
&&	与 and	true&& false
\|		或 or
!	非 not	!true

# 赋值运算符

概念：用来把数据赋值给变量的运算符

赋值运算符说明案例

= 直接赋值 var usrName='值';

+= -= 加减一个数后再赋值 var age =10; age+=5 //15

*= /= %= 乘除取模后在赋值 var age=2 ; age*=5; //10

赋值运算符	说明	案例
=	直接赋值	var usrName='值';
+= -=	加减一个数后再赋值	var age =10; age+=5 //15
*= /= %=	乘除取模后在赋值	var age=2 ; age*=5; //10

# 运算符优先级

优先级	运算符	顺序
1	小括号	（）
2	一元运算符	++ -- ！
3	算数运算符	先 * / 后 + -
4	关系运算符	> >= < <=
5	相等运算符	`==` `!=` `===` `!==`
6	逻辑运算符	先&& 后\|
7	赋值运算符	=
8	逗号运算符	，

← 数据类型流程控制 →