JavaScript【二】JavaScript中的流程控制

文章目录

• 🌟前言
• 🌟流程控制

• 🌟选择结构(条件判断)

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

• 🌟循环结构

• 🌟for
• 🌟while
• 🌟 do...while
• 🌟区别

• 🌟break和continue的区别
• 🌟for循环和while循环的使用选择
• 🌟 while循环和do while循环的使用选择

• 🌟写在最后

🌟前言

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

🌟流程控制

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

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

🌟选择结构(条件判断)

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

🌟if分支

1. 单路分支

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

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

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

1. 多路分支

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

1. 嵌套分支

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循环

🌟写在最后

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

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