JavaScript--流程控制

200 阅读2分钟

程序中的基本流程包括:

顺序结构:按照顺序一条一条执行,从上至下;

分支结构:执行的时候根据条件选择,条件越多对应的结果越多,分支也就越多;

循环结构:重复的做一件事情,如果不给条件,就会无限执行,可以限制重复的次数。

分支结构

if

// 单条件判断
if(判断条件){//....}
    
if(判断条件){
    //....
}else{
    //....
}

// 多条件判断
if(判断条件1){
    //....     
}else if(判断条件2){
    //....  
}else if(判断条件3){
    //....  
}else{
    //....
}

switch

switch (表达式||变量) {
   case value1:
        console.log('执行的代码1');
        break;
   case value2:
        console.log('执行的代码2');
        break;
   case value3:
        console.log('执行的代码3');
        break;
   default:
        console.log('执行的代码4');
        break;               
}

  • switch后面的小括号内可以写变量 || 表达式,一般都是变量。 
  • value是与括号里的内容作比较的,这个比较是全等(===)的比较。 
  • 一旦满足全等的条件,就会执行后续的代码。 
  • default,以上条件都不满足时候,执行这里对应代码。 
  • default可以放在任何位置。

一旦符合条件,并且没有break终止后续代码,会产生穿透问题,当前满足条件的位置开始,后续的执行代码,都会被执行。

break后面的代码会终止执行,并跳出。 

所有的switch语句都可以用if语句代替。

循环结构

for 循环

for(初始化;循环条件;变更条件){
    //满足循环执行的代码...
}

for ... in循环

for(var key in obj){
    //这里的key指的就是对象下的属性
}

while(前测试循环语句)

while(判断条件){
    //需要循环的代码
}

do while(后测试循环语句)

do{
	//需要循环执行的代码
}while(
	//判断条件
)

break 和 continue

break(打破)

终止当前循环,包括break后面的代码也会被停止执行,并且跳出该循环。

continue(持续)
终止当前循环,包括continue后面的代码也会被停止执行,但是不跳出循环,循环会在这次之后,继续执行。