当前位置:文档之家› js流程控制语句

js流程控制语句

第3章 流程控制
3.1 赋值语句
赋值语句是JS程序中最常用的语句,赋值语句的语法:
变量名=表达式;
当使用关键字var声明变量时,可以同时使用赋值语句对声明的变量进行赋值。

var variable = 50;
var variable2 = "五十";
3.2 条件判断语句:if语句、switch语句
条件判断语句就是对语句中不同条件的值进行判断,进而根据不同的条件执行不同的语句,条件判断语句包括两类:
一、if判断语句;
二、switch多分支语句
3.2.1 if语句
if条件判断句是最基本、最常用的流程控制语句,可以根据条件表达式的值执行相应的处理。

if语句语法格式:
if(expression){
statement1
}else{
参数说明:
expression: 必选项。

用于指定条件表达式,可以使用逻辑运算符。

statement1: 用于指定要执行的语句序列。

当expression的值为true时,执行该语句序列。

statement2: 用于指定要执行的语句序列。

当expression的值为false时,执行该语句序列。

【实例 计算指定年的2月份的天数】
【代码】
【运行效果】
3.2.2 if...else语句
在if语句的标准形式中,首先对expression的值进行判断,如果它的值是true,则执行statement1语句块中的内容,否则执行statement2语句块中的内容。

var num=0;
if(num == 1){
alert("num = 1");
}else{
alert("num != 1");
}
3.2.3 if...else if语句
if语句是一种使用很灵活的语句,除了可以使用if...else语句的形式,还可以使用if...else if语句的形式。

语法格式如下:
if(expression 1){
statement 1
}else if(expression 2){
statement 2
}
...
else if(expression n){
statement n
}else{
statetment n+1
}
【实例 判断用户是否输入用户名与密码】【HTML代码】
【JS代码】
【运行效果】
3.2.4 if 语句的嵌套
if 语句不但可以单独使用,而且可以嵌套应用,即在if语句的从句部分嵌套另一个完整的if 语句。

3.2.5 switch语句
switch语句是典型的多路分支语句,作用与嵌套使用if语句基本相同。

但switch语句比if语句更具可读性,而且switch语句允许在找不到一个匹配条件的情况下执行默认的一组语句。

语法如下:
switch(expression){
case judgement 1:
statement 1;
break;
case judgement 2:
statement 2;
break;
...
case judgement n:
statement n;
break;
default:
statement n+1;
break;
}
参数说明:
expression:任意的表达式或变量
judgement: 任意的常数表达式。

当expression的值与某个judgement的值相等时,就执行此case后面的statement语句;
如果expression的值与所有的judgement的值都不想等,则执行default后面的statement语句。

break:用于结束switch语句,从而使JS只执行匹配的分支。

如果没有了break语句,则该switch语句的所有分支都将被执行,switch语句也就失去了意义。

【实例3.2.5 应用switch判断当前是星期几】
【js代码】
【运行效果】
3.3 循环控制语句:while语句、do...while语句、for循环循环语句:在满足条件的情况下,反复执行某一个操作。

循环控制语句主要包括while、do...while和for。

3.3.1 while语句
while循环语句也称为前测试循环语句。

利用一个条件,来控制是否要继续重复执行这个语句。

语法如下:
while(expression){
statement
}
expression:一个包含比较运算符的条件表达式,用来指定循环条件。

statement:用来指定循环体,在循环条件的结果为true时,重复执行。

说明: while循环语句之所以命名为前测试循环,是因为它要先判断循环的条件是否城里,然后再进行重复执行的操作。

while语句要先判断条件表达式,如果条件为true,则执行循环体,并且在循环体执行完毕后,进入下一次循环,否则退出循环。

说明: 在使用while语句时,也一定要保证循环可以正常结束,即必须保证条件表达式的值存在为true的情况,否则将形成死循环,例如,下面的循环语句就会造成死循环,原因是i永远都小于100
【例3.3.1 通过循环语句实现在页面中列举出累加和不大于10的所有自然数】
【js代码】
【运行效果】
3.3.2 do...while语句
do...while语句也称为后测试循环语句。

先执行一次循环,再判断是否继续执行。

语法如下:
do{
statement
}while(expression);
statement:用来指定循环体。

先执行一次,然后在循环条件的结果为true时,重复执行。

expression:一个包含比较运算符的条件表达式,用来指定循环条件。

【do...while 循环语句的执行流程如图所示】
注意 do...while语句结尾处的while语句括号后面有一个分号“;”,在书写的过程中一定不能遗漏,否则JavaScript会认为循环语句是一个空语句,后面大括号“{}”中的代码一次也不会执行,并且程序会陷入死循环。

3.3.3 for 循环
for循环语句也称为计次循环语句,一般用于循环次数已知的情况。

语法如下:
for(initialize;test;increment){
statement
}
参数说明:
initialize:初始化语句,用来对循环变量进行初始化赋值。

test:循环条件,一个包含比较运算符的表达式,用来限定循环变量的边限。

如果变量超过了该边限,则停止该循环语句的执行。

increment:用来指定循环变量的步幅。

statement:用来指定循环体,在循环条件的结果为true时,重复执行。

说明:for循环语句执行的过程是:先执行初始化语句,然后判断循环条件,如果循环条件的结果为true,则执行一次循环体,否则直接退出循环,最后执行迭代语句,改变循环变量的值,至此完成一次循环;接下来将进行下一次循环,直到循环条件的结果为false,才结束循环。

【for循环语句的执行流程】
【实例3.3.3 计算10以内所有奇数的和】
【JS代码】
【运行效果】
3.4 跳转语句:continue语句、break语句
3.4.1 continue语句
continue语句和break语句类似,不同在于,continue语句用于中止本次循环,并开始下一次循环。

语法格式如下:
continue;
注意:continue语句只能应用在while、for、do...while和switch语句中。

【实例3.4.1 for语句中通过continue语句计算金额大于等于1000的数据的和】
【js代码】
【运行效果】
3.4.2 break语句
break语句用于退出包含在最内层的循环,或者退出一个switch语句。

break语句的语法格式如下:
break;
说明:break语句通常用在for、while、do...while或switch语句中。

【实例3.4.2 在for语句中通过break语句中断循环】
【js代码】
【运行效果】
【实例3.4.2­2 在页面中显示距离2015年国庆节的天数】【js代码】
【运行效果】
3.5 小结
【本章主要讲解了JavaScript中流程控制语句】
3.6 实践与练习
1. 定义两个数值型变量,分别为变量a=100,b=200,然后使用if语句判断如果a小于b,就弹出true的对话框。

2. 使用for循环语句循环输出10以内的数。

【练习1】
【练习2】。

相关主题