JS基础知识(二):三大流程控制——顺序、选择、循环

1、程序的三大流程控制

顺序、分支(选择/条件)、循环

  1. 顺序:从上朝下执行的代码
  2. 选择:根据不同的情况,执行对应代码
  3. 循环:重复做一件事情

2、顺序结构

顺序结构是最简单的程序结构,它是由若干个依次执行的处理步骤组成的。(步骤有顺序:从上到下)

3、选择结构

在处理实际问题时,只有顺序结构是不够的,经常会遇到一些条件的判断, 流程根据条件是否成立有不同的流向。

3.1 if单分支

if(true){
      //执行该语句    
}
if(false){
      //跳过该语句   
}

3.2 if双分支

if(表达式){ 
    //执行语句1 
}else{ 
    //执行语句2 
}

【分析】当括号内的表达式结果成立,执行执行语句1,否则执行执行语句2

3.3 if多分支语句

在这里插入图片描述

【执行过程】从上往下,满足哪个条件就执行其相对应的语句,都不满足时, 执行最后的else的语句,只能进入其中之一。

3.4 嵌套if结构

if(表达式1){
    if(表达式2){
        if(表达式3){
            
        }
    }
}

注意: 
    1.嵌套if时,最好不要超过三层; 
    2.内层的每一对if...else代码 要缩进且对齐; 
    3.编写代码时,else要与最近的 if配对。

3.5 switch结构

在这里插入图片描述

【注】表达式的结果等于哪个case的常量,则执行其后的语句,执行完break就跳出switch结构,都不满足则执行default的语句。
break的作用:是跳出switch结构,如果没有break,则继续执行下面分支的的语句(而不进行判断)

注意:

  1. 注意switch的应用场景
  2. 注意case穿透,要加break语句。
  3. 每一个switch语句都需要加default语句。
  1. if后面的()不能省略,()后面不要加分号
  2. if分支中即使一句话也要把{}写上
  3. if嵌套不要超过三层
  4. Switch语句里把default分支一定要写上,防止在以后的维护中产生歧义
  5. 把执行概率更大(正常情况)放在前面(if, case)
  6. if else 一般来表示两个分支或者嵌套比较少的分支,如果分支多的话,优先使用switch

3.6 条件运算符

■ 唯一的三目运算符,要求有三个操作数。
在这里插入图片描述

执行过程:先求解表达式1,若为非0(真)则求解表达式2,若表达式1的值是0(假),则求解表达式3。

四、循环

4.1 while循环

while(表达式)
{
	语句;
}
  1. 先判断表达式,表达式成立后执行语句。
  2. 循环条件中使用的变量(循环变量)需要经过初始化。
  3. 循环体中,应有结束循环的条件,否则会造成死循环。
  4. 循环体中可以写若干句合法的javaScript代码,包括if,也可以再套个循环语句。

用while循环求1~100之和
在这里插入图片描述

4.2 do-while循环

do
{
	循环语句;
}while(表达式);
  1. 最后的分号不要忘记。
  2. 循环条件中使用的变量需要经过初始化。
  3. 循环体中,应有结束循环的条件,否则会造成死循环。

用do…while循环求1~100之和
在这里插入图片描述

4.3 while和do_while的区别

执行顺序的问题,while是先判断,do while,先执行循环体的代码,再判断。当条件第一次就不满足时,更能体现出区别。
在开发中,while用的情况多。如果while处理逻辑比较别扭时,就需要使用do while。

4.4 for循环

for(表达式1; 表达式2; 表达式3){
	语句;    
}

执行过程:
1、先求解表达式1(只求一次)
2、求解表达式2,若其值为真,则执行for语句中指定的内嵌语句,然后求解表达式3
3、再求解表达式2,返回第2步骤
4、求解表达式2若为假, 则结束循环,执行for循环外的语句

用for循环求1~100之和
在这里插入图片描述
【注】 三个表达式都可以省略,但分号不能省略
在这里插入图片描述
3个表达式都省略:例: for( ; ; ) 这是个死循环

4.5 循环嵌套

一个循环语句内又包含另一个完整的循环语句。循环可以互相嵌套,下面几种都是合法的形式。
在这里插入图片描述

4.6 break 关键字

break语句功能:

  1. 在switch语句中使流程跳出switch结构
  2. 在循环语句中使流程跳出整个循环

强调:

  1. 如果已执行break语句,就不会执行循环体中位于break后的语句。
  2. 在多层循环中,一个break语句只向外跳一层。

4.7 continue关键字

continue语句的功能:
一个循环执行多次,continue使本次循环结束,即跳过本次循环体中下面尚未执行的语句,接着进行下次是否执行循环的判断。

强调:

  1. continue语句只能用在循环里。
  2. 对于 while 和 do-while 循环,continue 语句执行之后的动作是条件判断;对于 for 循环,随后的动作是变量更新。

在这里插入图片描述

4.8 死循环

如何造死循环:

  1. while(true){……}; 常用
  2. do{…}while(true);
  3. for( ; ; )
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: JavaScript中的分支和循环是非常重要的知识点。分支语句可以根据条件执行不同的代码块,常见的有if语句和switch语句。循环语句可以重复执行一段代码,常见的有for循环、while循环和do-while循环。掌握这些语句可以让我们编写更加灵活和高效的JavaScript代码。 ### 回答2: JavaScript是一种基于脚本的编程语言,用于网页和其他网页相关应用程序的编写。JavaScript可以在客户端进行编程,还可以在服务器端编写。JavaScript可用于创建动态网页,使网页更加可交互。对于Web开发者来说,熟练掌握JavaScript是十分必要的。在JavaScript中,分支和循环是常用的编程结构之一。 分支语句是一种让程序根据条件分支选择不同执行路径的结构。常见的分支语句有if语句和switch语句。if语句中包含一个条件表达式和一个代码块,在条件表达式为真时,执行相应的代码块。switch语句是一个选择结构,将给定变量与不同的情况进行比较。如果变量与具有相同值的情况相匹配,就执行该情况下的代码块。例如: ```javascript let num = 5; if (num > 3) { console.log("num大于3"); } else { console.log("num不大于3"); } switch (num) { case 1: console.log("num等于1"); break; case 2: console.log("num等于2"); break; case 3: console.log("num等于3"); break; default: console.log("num大于3"); break; } ``` 循环结构是一种重复执行同一代码块的结构。在JavaScript中,常见的循环结构包括for语句、while语句和do...while语句。for语句是一种常见的循环语句,用于反复执行一段代码,可以指定循环的次数或循环结束的条件。while语句和do...while语句都是基于条件的循环。while语句在执行循环之前先检查条件,do...while语句先执行一次代码块,然后再检查条件,并在条件为真时继续执行。例如: ```javascript for (let i = 0; i < 5; i++) { console.log(i); } let j = 0; while (j < 5) { console.log(j); j++; } let k = 0; do { console.log(k); k++; } while (k < 5); ``` 总之,在JavaScript编程中,熟练掌握分支和循环语句是至关重要的。语句的正确使用可以增强代码的可读性,提高代码执行的效率,同时也有助于程序员更好地理解代码和实现逻辑。 ### 回答3: JavaScript是一种非常流行的编程语言,广泛应用于网页开发、移动应用开发、桌面软件等领域。在js的编程中,分支与循环是两个基础性的概念,掌握这两个概念对于熟练使用javascript编写高效的程序至关重要。 分支 分支是一种基于条件的程序流程控制结构。当一个程序需要根据不同的条件执行不同的操作时,就需要使用分支结构。在JavaScript中,if-else和switch语句都是常用的分支结构。 if-else语句通常用于检查一个表达式的真假,如果表达式为真,则执行if语句块中的代码,否则执行else语句块中的代码。if-else语句的语法如下: ``` if (expression) { // code block to be executed if the expression is true } else { // code block to be executed if the expression is false } ``` switch语句也是一种常用的分支结构,主要用于检查一个变量在不同的情况下应该执行什么代码。switch语句的语法如下: ``` switch (variable) { case value1: // code block to be executed if variable is equal to value1 break; case value2: // code block to be executed if variable is equal to value2 break; default: // code block to be executed if variable is not equal to any of the values } ``` 循环 循环是一种重复执行代码块的结构,它允许在满足特定条件时反复执行代码块。在JavaScript中,常用的循环结构有for、while和do-while循环。 for循环是一种指定循环次数的循环结构。使用for循环时,可以指定循环变量的初始值、结束值和步长,循环将根据指定的条件执行相应的代码块。for循环的语法如下: ``` for (initialization; condition; increment) { // code block to be executed } ``` while循环是一种在满足特定条件时重复执行代码块的结构。当条件为真时,循环将继续执行,直到条件为假为止。while循环的语法如下: ``` while (condition) { // code block to be executed } ``` do-while循环是一种与while循环类似的结构,不同之处在于它会在检查条件之前至少执行一次循环代码块。do-while循环的语法如下: ``` do { // code block to be executed } while (condition); ``` 总结 分支和循环是JavaScript编程中非常基础的概念。通过掌握这些概念,我们可以编写更加高效、灵活的程序。无论是在网页开发、移动应用开发还是桌面软件开发领域,都需要熟练掌握这些知识,才能编写出优秀的JavaScript程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值