JavaScript之运算符、表达式、流程控制语句、if、for循环、Switch、continue和break

本文详细介绍了JavaScript中的算术运算符、赋值运算符、比较运算符、逻辑运算符,以及流程控制语句,如if、for循环、Switch、continue和break的使用。通过实例解析了运算符的优先级、比较运算符中的类型转换问题,以及逻辑运算符的短路特性。同时,文章涵盖了程序的三大流程控制结构:顺序、分支和循环,并重点讲解了if语句和switch语句的多种形式,以及while和for循环的用法。最后,讨论了循环控制语句continue和break的差异,以及如何在实际编程中运用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、运算符

算术运算符

赋值运算符

一元运算符

比较运算符

逻辑运算符

运算符优先级

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

-:求差

*:求积

/:求商

%:取模(取余数)  开发中经常作为某个数字是否被整除

同时使用多个运算符编写程序时,会按着某种顺序先后执行,我们称为优先级。

JavaScript中 优先级越高越先被执行,优先级相同时以书从左向右执行

713d921574af4ac79ac1038500edae66.png

 757a0fc3985e4081a0bb6a9abe0ca8cc.png

 总结总结

1. 算术运算符有那几个常见的?

+ - * / % 

2. 算术运算符优先级怎么记忆?

先乘除取余,后加减,有小括号先算小括号里面的

3. 取余运算符开发中的使用场景是?

来判断某个数字是否能被整除

a3dd05c05ab948098383b83199ddaf06.png

赋值运算符:对变量进赋值运算符:= 将等号右边的值赋予给左边, 要求左边必须是一个容器

其他赋值运算符:

+=

-= 

*=

/=

%=

使用这些运算符可以在对变量赋值时进行快速操作

6b22a74c0cc141fda766b2461457acf7.png

 

78e9a7ae7f904cbb9b50dea47e084b56.png

 e32a865c19fd4a56877c5ee028218068.png

总结:

1. = 赋值运算符执行过程?

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

2. += *= 出现是为了简化代码, 比如让 let num = 10 num 加  5 怎么写呢?

num += 5

比较运算符的使用

比较运算符:

> : 左边是否大于右边

<: 左边是否小于右边

>=: 左边是否大于或等于右边

<=: 左边是否小于或等于右边

==: 左右两边是否相等

===: 左右两边是否类型和值都相等

!==: 左右两边是否不全等

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

字符串比较,是比较的字符对应的ASCII码  从左往右依次比较

如果第一位一样再比较第二位,以此类推

比较的少,了解即可

8bda8fb3d6c040b482641e5f42c63a6d.png

 NaN不等于任何值,包括它本身

尽量不要比较小数,因为小数有精度问题

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

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

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

1. = 和 == 和 === 怎么区别?

= 是赋值

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

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

开发中,请使用 === 

2. 比较运算符返回的结果是什么?

结果只有2个, true 或者 false

逻辑运算符:

4452c7b17ab64993a2cb8d7a0a39ebf4.png

逻辑运算符里的短路

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

48e5667eb77a4266a7d129fea1cfe873.png

原因:通过左边能得到整个式子的结果,因此没必要再判断右边运算结果:无论 && 还是 || ,运算结果都是最后被执行的表达式值,一般用在变量赋值

21a34a025a1c4174852c106aeb1815dd.png

 80848d04b23548c6893b7a7e167a5e3b.png

 1. 逻辑运算符有那三个?

与(&&) 或(||) 非(!)

2. 逻辑运算符短路运算符怎么执行的?

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

bb69b03ee866438b96e087c6455db7f4.png

be63fa6800ec422692e469c2b9bbcdb0.png 

 掌握运算符优先级,能判断运算符执行的顺序

8976e338204a4d02919ea104eda37033.png

 fe9a54f07f1d4e509aa1614de75c0757.png

表达式:

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

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

比如: if语句 for 循环语句

1. 表达式和语句的区别

表达式计算出一个值 比如 3+5 x = 7

语句用来自行以使某件事发生(做什么事)  alert()

console.log()

还比如我们接下来学的分支语句.

b2f6a615b8414e8385c079cf6a431263.png

程序三大流程控制语句

写几句就从上往下执行几句,这种叫顺序结构

b96478bcd339404b9da04155e7310740.png

有的时候要根据条件选择执行代码,这种就叫分支结构

101b74442bba4802a6238122ae3bf66d.png

 某段代码被重复执行,就叫循环结构

6fbaf524824b4bd690cb44e6d7a3f81b.png

分支语句:

分支语句可以让我们有选择性的执行想要的代码

分支语句包含:

If分支语句

三元运算符

switch 语句

if语句:

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

单分支使用语法

fb69c24e114e4db992291f4fa199b2f1.png

括号内的条件为true时,进入大括号里执行代码

小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型

双分支if语法:

2d48e8208bcd4204acb9c61cbf00dea9.png

 fade42aadc5046edb107be5cc1dbeaea.png

多分支if语法:

先判断条件1,若满足条件1就执行代码1,其他不执行

若不满足则向下判断条件2,满足条件2执行代码2,其他不执行

若依然不满足继续往下判断,依次类推

若以上条件都不满足,执行else里的代码n 注:可以写N个条件,但这里演示只写2个

656a854e6b694f929b5bb9c04076178b.jpg

ac1beb9402004c7fb5f4d52032e31b65.png 

三元运算符:其实是比 if 双分支 更简单的写法,有时候也叫做三元表达式

d8c1acbc85dd4f60a29c47da1761eff9.png

9333615114ab4aa9b18a4711db89a730.png 

数字补0案例

e9a038be32aa4f68b523ba34203e6c37.png

switch语句:

找到跟小括号里数据全等的case值,并执行里面对应的代码

若没有全等 === 的则执行default里的代码

例:数据若跟值2全等,则执行代码2

8ff8bac06bfe404fb46816bc26778250.png

467c883150bd4d4bba78b1fa01bf69dd.png 

0db40bf5951e4992b7831dfd86a1f15e.png 

简单计算器 be95bad40edb4138988d24360b5422dc.png

总结:

1. 程序三大流程控制
顺序
分支
循环
2. if语句
三种形式
3. switch语句
全等判断
break:结束switch语句,防止穿透
4. 三元运算符
也是双分支
一般用来取值

掌握while循环语法,能重复执行某段代码

循环:重复执行某段代码, 而 while : 在…. 期间

1. while 循环语法:

813ac5c4934044bb954393108321e23d.png

5c4554bedb7f416c8790ef9c0bc7298e.png 

跟if语句很像,都要满足小括号里的条件为true才会进入执行代码

while大括号里代码执行完毕后不会跳出,而是继续回到小括号里判断条件是否满足,若满足又执行大括号里的代码,然后再回到

小括号判断条件,直到括号内条件不满足,即跳出

循环需要具备三要素:

1. 变量起始值

2. 终止条件(没有终止条件,循环会一直执行,造成死循环)

3. 变量变化量(用自增或者自减)

页面输出1-100

8c5d8cbdf0d247d9887e1a67e4766530.png

 计算1~100 的累加和  1+2+3+.. + 100

785a30904b5c436fa0fb06b6d1e0fd99.png

 求 1~100 之间的偶数累加和

2540a531bc8e46afb589ff0344594d82.png

循环退出:continue和break的区别

continue:结束本次循环,继续下次循环

break:跳出所在的循环

9468b03ed8224dd7b8a3f7f0cef12008.png

 综合案例:类似银行取钱

e548115d9fe4441a92ce978837491392.png

for循环重复执行某些代码:把声明起始值、循环条件、变化值写到一起,让人一目了然

2e2eae5eed3c4d4a8e1dddf8d7f2f950.png

1. for循环和while循环有什么区别呢:

当如果明确了循环的次数的时候推荐使用for循环

当不明确循环的次数的时候推荐使用while循环

cd0ba98a90394628960cc0cdd74a74e9.png

 循环练习:

b83131610d7641deb389260a67aea4bd.png

continue和break的区别

ae2f3084526a4539852cb95e3b992353.png

 for 循环嵌套

525dbc2fb5d942c59e17f613fa5b4986.png

 一个循环里再套一个循环,一般用在for循环里

a4a523541d4f409fad9a3b6e22d63b46.png

 

8525479270784f17aafbfa50cf1eb8e2.png

 cf87925a0f10446ea1bc334a9583814d.png

506869123bc54047b2b396ac8b2586c7.png 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值