JS快速入门!!分支语句篇

146 阅读3分钟

「这是我参与2022首次更文挑战的第3天,活动详情查看:2022首次更文挑战

js-流程控制

顺序结构:从上往下

分支语句

if语句

单分支

if单分支:if(条件){分支代码} :用于单个条件判断

注意点:

(1)关系表达式:结果一定是布尔型
(2)布尔型的值
(3)其他值:会隐式转换成布尔型来判断条件

双分支

if双分支:if(条件){}else{} :用于两个互斥条件

注意点:

if大括号与else大括号 一定只会执行一个

多分支

if多分支:if(){}else if(){} else{} :用于多个条件判断

注意点:

  1. 必须if开头,后面可以写多个
  2. 所有大括号最多只会执行一个,只有当上面条件不成立,才会进入下面条件判断

三元表达式

语法:条件表达式 ?表达式1 :表达式2

三元表达式与else的区别三元表达式与else的区别:

  1. 三元表达式有运算结果,可以用于运算
  2. 三元表达式更加简洁,如果条件满足只需要执行一行代码,就可以使用三元

Switch-case语句

  1. 匹配值与case一定要是全等,注意数据类型
  2. 最后的default可以省略,一般省略
  3. 固定值匹配
  4. break作用是结束Switch-case,如果省略则会穿透 (1)穿透:代码从上一个case无条件执行到下一个case (2)合理穿透:多个匹配值需要执行的代码相同

循环语句

while循环

语法:while(条件 true/false){循环体:需要重复执行的代码}

执行规则:

  1. 判断条件是否成立
  2. 条件成立,则执行循环体代码
  3. 条件不成立,循环结束,执行循环后面的代码
  4. 重复代码

注意点:

循环条件可以是:

  1. 关系表达式:结果一定是布尔型
  2. 布尔值类型
  3. 其他数据:编译器会默认转换成布尔型

for循环

语法:for(语句1;语句2;语句3){循环体代码,需要重复执行的代码}

执行规则:

  1. 执行语句1 (声明循环变量)

  2. 判断语句2是否成立(循环条件)

    2.1 成立,执行循环体代码

    2.2 不成立,循环体结束,执行大括号后面的代码

  3. 重复步骤2

循环结构场景:

找出指定范围符合条件的数:筛选功能

(1)遍历指定范围的数

(2)找出符合条件的数

求累加和 : 求和

(1)声明变量存储结果

(2)遍历数量

(3)累加

求最大值/最小值

(1)声明变量存储结果

求最大值 let max = -Infinity

求最小值 let max = Infinity

(2)遍历数量

(3)依次比较大小

结束循环

break :结束整个循环语句,立即执行循环后面的代码

  1. 不能用于if语句
  2. 可以用于结束循环语句+switch-case分支语句

continue:结束本次循环,立即进行下一次循环判断

  1. 只能用于循环语句