JavaScript控制流程语句_javascript的控制流程

JavaScript的流程控制语句分为两大块：

1. 分支结构语句
2. 循环结构语句

分支语句

JavaScript支持的分支语句主要有if和switch语句

if语句的语法形式如下：

1. 第一种：简单的if语句

<script>
    if(条件){
       要执行的语句块
    }
</script>
1
2
3
4
5

2. 第二种：if else语句

<script>
    if(条件){
       要执行的语句块
    }else{
       要执行的语句块
    }
</script>
1
2
3
4
5
6
7

3. 第三种：多重if结构

<script>
    if(条件){
       要执行的语句块
    }else if(条件){
       要执行的语句块
    }else{
       要执行的语句块
    }
</script>
1
2
3
4
5
6
7
8
9

最后的else可以最终省略

switch语句的语法形式如下：

<script>
   //工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。
   switch(表达式){
   case 值1:执行语句块;break;
   case 值1:执行语句块;break;
   case 值1:执行语句块;break;
   ...
   default:执行的语句块；//可省略
   }
1
2
3
4
5
6
7
8
9

循环语句

JavaScript的循环语句主要有while循环、do while循环、for循环、for in 循环。

while循环的语法格式：

<script>
   //先判断，后执行
   while(循环条件){
       循环体语句块
   }
</script>
1
2
3
4
5
6

do while循环的语法格式：

<script>
   //先执行，再判断，所以就算条件不成立，但循环体也会执行一次
   do{
       循环体语句块
   }while(循环条件)
</script>
1
2
3
4
5
6

whlie和do while的区别: while先判断后执行、循环体语句可能一次都不执行, do while是先执行后判断，所以循环体语句至少执行一次。

for循环的语法结构：

<script>
    for(表达式1;表达式2;表达式3;){//表达式1表示初始化变量，表达式2表示设立条件，表达式3表示更新变量（也就是步长）
       循环体语句;
    }
</script>
1
2
3
4
5

提示: 当循环次数确定的情况下一般使用for循环。相比while和do while语法更简洁。

for in 循环的语法结构：

<script>
   for(变量 in 对象){
      执行的语句块
   }
</script>
1
2
3
4
5

作用：

1. 遍历数组中的所有数组元素
2. 遍历JavaScript对象的所有属性

例子

<script type="text/javascript">
       var arr=new Array(5);   ///声明数组的长度   JavaScript的数组 它的长度可以伸缩 他的数据类型可以任意
       arr[0]=1;
       arr[2]=3;
       arr[3]="abc";
       arr[5]=true;
       for(var index in arr){
           document.write(index+"<br/>")//输出赋上值的数组的下标
           document.write(arr[index]+"<br/>")//输出数组里面的值
       }
1
2
3
4
5
6
7
8
9
10

运行结果如下：