js 流程控制

178 阅读4分钟

流程控制

  • 顺序结构
  • 分支结构
  • 循环结构

顺序结构 按照代码先后顺序,依次执行
分支结构 在执行代码过程中,根据不同的条件,执行不同的代码
分支语句
if 语句
if(条件表达式){
//执行语句
}
//如果if内条件表达式结果为真 true 则执行大括号里面的执行语句
//如果if条件表达式结果为假,则不执行大括号里面的语句 则执行if语句后面的代码

双分支语句:
if else语句
if(条件表达式)
{
//执行语句1
} else {
//执行语句2
}
//如果if内条件表达式结果为真 true 则执行大括号里面的执行语句
//如果if条件表达式结果为假,否则 则执行else里面的语句

多分支语句:
if else if语句
if(条件表达式1){
// 语句1
} else if(条件表达式2){
//语句2
} else {
// 最后的语句
}

//如果条件表达式1 满足就执行 语句1 执行完毕后 退出整个if 分支语句
//如果条件表达式1 不满足 则判断条件表达式2 满足 就执行语句2 以此类推可以有多个else if
//如果上面的所以表达式均不成立 则执行else里面的语句

三元表达式:
有三元运算符组成的式子

var num = 10;
var result = num > 5 ? '是的' : '不是的';
console.log(result);
//数字补0  0-59  小于10 数字前面补0

var result=time < 10 ? '0' + time :time;//把返回值赋值给变量
alertresult);

switch语句 //转换 开关
switch(表达式){

case value1:<br>
执行语句1;<br>
break;<br>

case value2:<br>
执行语句2;<br>
break;<br>

case value3:<br>
执行语句3;<br>
break;<br>
default:
执行最后的语句;

}

//利用表达式的值 和 case 后面的选项值相匹配 如果匹配上 执行该case里面的语句,如果没有匹配上,那么执行default里面的语句 用于特定的值
// break 跳出循环 如果当前case里面没有break 则不会退出switch 是继续执行下一个case

switch语句 和 if else if 区别:
1.一般情况下,两个语句可以相互替换
2.switch语句通常处理case为比较确定值的情况 而if else if则更为灵活 常用于范围判断(大于、等于某个范围)
3.switch语句进行条件判断后直接执行到程序的条件语句,效率更高。if else if语句有几种条件,就判断多少次
4.当分支较少时,if else 语句执行效率要高于switch语句
5.当分支较多时,switch 语句执行效率要高于if else 语句 且结构更加i清晰

循环结构
循环目的:可以重复执行某些语句

for 循环
while 循环
do while 循环

for循环

for(初始化变量;条件表达式;操作表达式){
//循环体
}
// 初始化变量 用var 声明一个普通变量 通常用于计数器使用
// 条件表达式 用来决定每一次循环是否继续执行 终止条件
// 操作表达式 每次循环最后执行的代码 经常用于我们计数器变量进行更新(递增 递减)

for 循环过程

for(var i =1; i <=100;i++)
{
    console.log('你好');
}

1.首先执行里面计数器变量 var i=1 在for里面只执行12.去i<=100 来判断是否满足条件  如果满足条件 执行循环体  不满足条件 退出循环
3.最后去执行 i++ i++递增  第一轮结束
4.接着执行i <= 100 是否满足条件 满足 执行循环体 不满足退出循环 第二轮

断点调试

进入浏览器控制器页面,点击Sources 点击需要设置断点的行号 重新刷新浏览器 右边点击下箭头点按钮,可以看到下一步执行位置 使用watch可以看到每一轮变量变化 再点击行号 取消断点

while循环

while语句可以在条件表达式为真的前提下,循环执行指定的一段代码,直到表达式不为真时结束循环 while(条件表达式){ //循环体代码 }

执行思路: 1.先执行条件表达式 若结构为true 则执行循环体代码 如果为false 则退出循环 执行后面的代码 2.执行循环体代码 3.循环体代码执行完毕后,程序会继续判断执行条件表达式,如果条件仍为true,则会继续执行循环体,知道循环条件为false,整个循环过程才会结束 4.里面应有计数器,初始化变量 5.里面应有操作表达式,完成计数器更新 防止死循环

do while循环

do{ // 循环体 }while(条件表达式) { // 先执行一次循环体 再判断条件 若条件表达式为真 继续执行循环体 否 退出循环,执行后面代码 }

两个关于循环的关键字

continue 用于立即跳出本次循环,不再往下执行,继续下一次循环 break 用于立即跳出整个循环,循环结束