🌟前言

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

🌟流程控制

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

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

🌟选择结构(条件判断)

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

🌟if分支

1. 单路分支
   

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

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

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

多路分支

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

嵌套分支

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循环的循环体至少执行一次

1. 总结： 当循环的判断条件所需的值来自于循环体时，可以使用do while循环

🌟写在最后

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