【JavaScript笔记】1.5 js流程控制

流程控制：通过控制程序执行的顺序来完成一定的功能。

1.5.1分支结构

1.if条件语句

语法结构：
if(条件){
满足条件所执行的代码
}

else if(条件2){
满足条件2 所执行的代码
}
…
else{
不满足条件和条件2 所执行的代码
}

注意：

一个if分支中可以包含n个else if分支和else分支 切else if 和else互不干扰；

当语句执行模块中只有一句时，可以省略花括号{}，但是不建议。因为会使可读性变差。

特别注意:当条件的值为:0、null、”“、false、undefined或者NaN时，不执行相应的程序分支代码

2.switch语句

由控制表达式和case标签共同组成。

语法格式：

switch(控制表达式){
case 值1:执行的代码1;break;
case 值2:执行的代码2;break;
…
default:执行的代码n;
}

注意：
1.控制表达式的数据类型可以是 字符串、整形、对象类型等任意类型。

2.将控制表达式的返回值 依次与case条件进行比较，当匹配成功时，执行后面的语句直到break。

3.一个switch语句中可以包含一个到多个case语句，但case条件不能重复；

4.一个switch最多包含一个default子句，default位置可以在首尾任何位置，习惯放在尾部。

1.6.2 循环结构

循环结构又称为迭代结构，用于反复执行某段程序代码，直到满足某一条件为止。

1.while循环

while循环又称前测试循环，是指在执行循环代码之前判断条件是否满足，满足则执行循环体。

语法格式:

while(条件表达式){
执行的代码；
}

注意：
1.表达式的数据类型是Boolean型。

2.当表达式的结果为true时，执行循环体，然后判断是否继续下一次循环；

3.当表达式结果为false时，循环终止。

2.do while循环

do while循环又称后测试循环，与while循环有一定区别。

while循环先判断循环条件，do while循环先执行循环体，然后判断条件是否满足进入下一次循环的条件。

语法格式：

do{
循环体;
}while(循环条件);

注意:

1.do while循环由两部分构成

2.先执行一次循环体，才判断条件是否进行下一次循环。也就是说 至少执行一次循环。

3.在while条件之后，以英文分号（;）结束

3.for循环

前测试循环。一般用于循环次数已知的情况。

语法格式：

for( 初始化表达式;条件表达式;迭代表达式){
循环体;
}

注意:

1.for循环的参数包括 初始化表达式、条件表达式、迭代表达式；

2.for执行：首先执行初始化操作，然后判断是否满足循环条件，满足循环条件则执行循环体，然后执行迭代表达式，直到判断不满足循环条件为止。

3.初始化表达式只在循环开始之前执行一次。

4.初始化表达式、条件表达式和迭代表达式之间使用英文分号（;）隔开。

5.初始化表达式、条件表达式和迭代表达式都可以省略，但是分号必须保留。

4.for in 循环

是js中提供的一种特殊循环，可以对字符串、数组、对象集合、对线属性等进行遍历。

语法格式：

for( property in object){
statement;
}

注意：

1.object表示字符串、数组、对象、对象集合。

2.property表示对象的属性名或元素的下标索引。

3.获取对象（或者数组）中的属性（或元素 ）时，可以使用object[property]格式。

特别注意：

for in 循环多用于对集合的遍历。由于部分浏览器对for in数组遍历的支持不够好，可能出现未知错误，建议尽量不使用for in

1.5.3 转移语句

用来控制程序的执行方向。包括break.continue,return.

1.break

break语句用于switch分支结构或 循环结构中，
a.在switch结构中，遇到break就会跳出 case；
b.在循环结构中，遇到break立即跳出循环，不再执行循环中的任何代码。

eg:

<script>
        for(var i=0;i<5;i++){
            if(i==2){
                break;
            }
            alert(i);
        }
    </script>

上面的代码运行的结果是，0、1 从2中断，且后面不再输出。

2.continue语句

当程序执行过程中遇到continue时，仅仅退出当前循环，然后判断是否满足继续下一次循环的条件。

<script>
        for(var i=0;i<5;i++){
            if(i==2){
               continue;
            }
            alert(i);
        }
    </script>

    上面的代码，执行结果：页面弹出0/1/3/4，跳过2继续输出后面的内容。

3.return语句

通常在函数中使用，在执行函数体时，遇到return语句便会退出当前函数，不在执行该函数return语句之后的代码。

1.5.4 with语句

可以简化操作对象，使代码更简洁。

var sMessage = “hello”;
with(sMessage) {
alert(toUpperCase()); //输出 “HELLO”
}

toUpperCase()转换成大写。

在平时写作中尽量避免使用with，with是运行缓慢的代码块。