JavaScript【二】JavaScript中的流程控制

前言

哈喽小伙伴们，本文将收录在JavaScript【前端童子功】这个专栏里；这个专栏里边会收录一些JavaScript的基础知识和项目实战；希望大家可以多多支持，你们的支持就是我创作的动力；让我们一起来看看吧

流程控制

流程 指的是代码的执行顺序

流程控制 指通过规定的语句让程序代码有条件的按照一定的方式执行

结构	描述
顺序结构	按照书写顺序从上到下的执行代码
选择结构	根据给定的条件有选择的执行相应的语句
循环结构	在给定的条件满足的情况下，反复的执行同一段代码

选择结构(条件判断)

选择(分支、条件)结构 —— 根据给定的条件有选择的执行相应的语句

if分支

1. 单路分支

   if(判断条件){    
    条件为真，执行该处代码
   }
   

2. 双路分支(两条分支二选一)

   if(判断条件){    
    条件为真，执行该处代码
   }else{
    条件为假，执行该处代码
   }
   

3. 多路分支

   if(条件1){
    条件1 成立,执行代码
   }else if(条件2){
    条件1不成,条件2成立,  执行代码
   }else if(条件3){
    条件1 条件2都不成立,条件3成立,  执行代码
   }else{
    所有条件都不成立,  执行代码
   }
   

4. 嵌套分支

   if (条件1){
    条件1 成立,执行代码
    if(条件2){
        条件1 条件2 都成立,执行代码
        if(条件3){
            条件1 条件2 条件3 都成立,执行代码
        }else{
            条件1 条件2成立，条件3不成立，执行代码
        }
    }else if(条件4){
        条件1成立 条件2不成立,执行代码
    }
   }
   

switch 分支(多选一的条件判断)

switch (需要判断的值) {
    case 值1:
        当需要判断的值==值1 ,执行代码
        break;
    case 值2:
        当需要判断的值==值2 ,执行代码
        break;
    case 值3:
        当需要判断的值==值3 ,执行代码
        break;
    default:
        以上条件都不满足
}

if分支与switch分支的区别与选择:

• 当判断某种范围时用if，当判断单个值时用switch
• 各个条件满足的情况不可重复，放置造成不可预期后果

循环结构

在给定的条件满足的情况下，重复执行同一段代码。

for

for(初始值；终止值；更新值){
    循环体；
}
for(var i=0;i<100;i++){
    循环体；
}

执行顺序：

• 初始值->终止值->循环体
• 更新值->终止值->循环体->更新值->终止值->循环体
• 直到不满足终止条件，跳出循环结构

while

while(终止条件){
    循环体；
}

do…while

do{
    循环体；
}while(终止条件)

区别

• do while循环至少被循环一次
• 明确循环次数的条件下优先考虑for循环

break和continue的区别

• break: 语句可以立即退出循环，阻止再次反复执行任何代码。
• continue: 语句退出当前循环，根据控制表达式还允许继续进行下一次循环。

for循环和while循环的使用选择

1. for循环必须知道循环次数，而while循环次数可以不确定
2. 所以在已知循环次数情况下使用for循环
3. 使用时优先考虑for循环，当无法写出循环条件的起始结束步进值时考虑用while循环

while循环和do while循环的使用选择

1. do while循环先执行循环体后判断条件是否成立；
2. while循环先判断条件是否成立，后执行循环体
3. 所以do while循环的循环体至少执行一次
4. 总结： 当循环的判断条件所需的值来自于循环体时，可以使用do while循环

写在最后

更多Node知识以及API请大家持续关注，尽请期待。各位小伙伴让我们 let’s be prepared at all times！

✨原创不易，还希望各位大佬支持一下！
点赞，你的认可是我创作的动力！
⭐️ 收藏，你的青睐是我努力的方向！
✏️ 评论，你的意见是我进步的财富！