js运算符及分之

172 阅读3分钟

运算符

算术运算符

数学运算符也叫算术运算符,主要包括加、减、乘、除、取余(求模)。

同时使用多个运算符编写程序时,会按着某种顺序先后执行,我们称为优先级。 JavaScript中 优先级越高越先被执行,优先级相同时以书从左向右执行。

+:求和 -:求差 *:求积 /:求商 %:取模(取余数) 开发中经常作为某个数字是否被整除,判断某个数字是否能被整除

总结: 先乘除取余后加减,有小括号先算小括号里面的 提问:

1648392075(1).png 计算圆的面积

面积的数学公式: π*r² 转换为JavaScript写法 : 变量 * r * r

1648392119(1).jpg

赋值运算符

将等号右边的值赋予给左边, 要求左边必须是一个变量

写法

1648392151(1).jpg

一元运算符

能够使用一元运算符做自增运算

符号:++ 作用:让变量的值 +1 自减:

符号:-- 作用:让变量的值 -1 使用场景:经常用于计数来使用。

比如进行10次操作,用它来计算进行了多少次了

1648392221(1).jpg 目标:能够说出自增/减运算符前置或后置的差异

1648392257(1).jpg 总结:前置自增和后置自增独立使用时二者并没有差别!

一般开发中我们都是独立使用 后面 i++ 后置自增会使用相对较多

1648392300(1).jpg 面试题的一个算法方式

image.png

比较运算符

比较结果为boolean类型,即只会得到 true 或 false

不同类型之间比较会发生隐式转换

最终把数据隐式转换转成number类型再比较

所以开发中,如果进行准确的比较我们更喜欢 === 或者 !==

= 和 == 和 === 怎么区别? = 是赋值

== 是判断 只要求值相等,不要求数据类型一样即可返回true

=== 是全等 要求值和数据类型都一样返回的才是true

开发中,请使用 ===

逻辑运算符

运算符有三个

1648392431(1).jpg 逻辑运算符里的短路

短路:只存在于 && 和 || 中,当满足一定条件会让右边代码不执行

原因:通过左边能得到整个式子的结果,因此没必要再判断右边

无论 && 还是 || ,运算结果都是最后被执行的表达式值,一般用在变量赋值

image.png

运算符优先级

image.png

表达式和语句

表达式:表达式是一组代码的集合,JavaScript解释器会将其计算出一个结果

语句:js 整句或命令,js 语句是以分号结束(可以省略)

比如: if语句 for 循环语句

表达式计算出一个值,但语句用来自行以使某件事发生(做什么事)

表达式: 3 + 4 语句: alert() 弹出对话框

其实某些情况,也可以把表达式理解为语句,因为它是在计算结果,也是做事

image.png

分支语句

程序三大流程控制语句

以前我们写的代码,写几句就从上往下执行几句,这种叫顺序结构 有的时候要根据条件选择执行代码,这种就叫分支结构 某段代码被重复执行,就叫循环结构

image.png

if语句

if语句有三种使用:单分支、双分支、多分支

括号内的条件为true时,进入大括号里执行代码 小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型

单分支使用语法:

image.png 双分支if语法:

image.png 多分支if语法:

image.png

三元运算符

其实是比 if 双分支 更简单的写法,有时候也叫做三元表达式 符号:? 与 : 配合使用 一般用来取值

image.png

image.png