第三章 JavaScript 流程控制

3.1 条件判断语句

  • if判断语句
  • switch多分支语句

3.1.1 if 判断语句

语法格式:

if (expression){
		statement	1
}

参数说明:
expression:必选项,用于指定条件表达式,可以使用逻辑运算符。
statement 1:待执行的语句序列。当expression的值为True时,执行该语句块。

例如:

 var a = 200;
 b = 100;

 if (a > b) {
 alert("a大于b");
 }

 if (a < b) {
 alert("a小于b");
 }

执行结果:

在这里插入图片描述

3.1.2 if…else 语句

语法格式:

if (expression){
		statement	1	// 当expression值为True执行
}else{
		statement	2	// 当expression值为False执行
}

3.1.3 if…else if…else 语句

语法格式:

if (expression	1){

		statement	1	// 当expression	1值为True执行
		
}else	if(expression	2){

		statement	1	// 当expression	2值为True执行
		
}else{
			
		statement	1	// 当expression 1、2值为False执行
		
}

例如:

var a = 200;

 b = 100;
 
if (a<b) { 

		alert("a小于b");
		
} else if (a>b) {

		alert("a大于b");
		
} else { 

		alert("a等于b");
		
}

执行结果:

在这里插入图片描述

3.1.4 switch 语句

switch 语句用于基于不同的条件来执行不同的动作。switch语句是经典的多路分支语句,起作用与if语句基本相同。switch语句比if语句更具可读性,且允许在找不到匹配条件时执行默认的一组语句。

基本语法:

switch(expression){

		case judgement 1;
			 statement 1;
			 break;
			 
		case judgement 2;
			 statement 2;
			 break;
			 
			 ...
			 
		default:
			statement n;
			break;
}

参数说明:
expression:任意表达式或变量。
judgement:任意的常数表达式。当expression的值与某个judgement的值相等时,就执行此case后的statement语句;反之,则执行default后面的statement语句。
break: 用于结束switch语句,从而使JavaScript只执行匹配的分支。

例如:

var d = new Date().getDay(); //获取星期

switch (d) {

 	case 1:
 		x = "今天是星期一";
		alert(x) 			// 输出结果
		break;

 	case 2:
		x = "今天是星期二";
		alert(x)
		break;

	case 3:
		x = "今天是星期三";
		alert(x)
 		break;

	case 4:
		x = "今天是星期四";
		alert(x);
		break;

 	case 5:
 		x = "今天是星期五";
		alert(x)
 		break;
		
	case 6:
		x = "今天是星期六";
		alert(x)
	 	break;

 	default:
		x = "今天时星期日";
		alert(x)
 		break;
 }

执行结果:

在这里插入图片描述

3.2 循环语句

  • while 语句
  • do…while 语句
  • for 语句

3.2.1 while 语句

基本语法:

while (expression){
		statement
}

参数说明:
expression:一个包含比较运算符的条件表达式,用于指定循环条件。
statement:用于指定循环体。expression值为True时,重复执行该循环体。

3.2.2 do…while 语句

do…while 循环语句也称后测试循环语句,它也是利用一个条件来控制是否要重复执行循环体。为while循环所不同的是,do…while先执行一次循环体,然后判断条件,确定是否继续执行。

语法格式:

do{
	statement		// 循环体
}while(expression)// 条件表达式

例如:

do { 
	x=x + "The number is " + i + "<br>"; 
	i++; 
} while (i<5);

3.2.3 for 语句

for 循环语句一般用于循环次数已知的情况下。执行过程是:先执行初始化语句,然后判断循环条件,如果循环条件的值为True,则执行一次循环体,否则直接退出循环,最后执行迭代语句,改变循环变量的值,至此完成一次循环。

语法格式:

for (initialize;test;increment){
				statement
}

参数说明:
initialize:初始化语句,用于对循环变量进行初始化赋值;
test:循环条件,一个包含比较运算符的表达式,用来限定循环变量的边限;
increment:用来限定循环变量的步幅;
statement:循环体。

例如:计算100以内所有的奇数的和。

 var sum = 0;

 for (i = 1; i < 100; i += 2) {

 sum = sum + i

 }

 alert("100以内所有的奇数的和为:" + sum)

执行结果:

在这里插入图片描述

3.2.4 for/in 语句

JavaScript for/in 语句循环遍历对象的属性。

3.3 跳转语句

  • continue 语句 跳过循环中的一个迭代。
  • break 语句 跳出循环。

3.3.1 continue 语句

continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。注意:continue语句只能应用在while语句、for语句、do…while语句中。

例如:在for语句中通过continue语句计算金额大于等于1000的数据的和。

var total = 0;

 var sum = new Array(1000, 1200, 100, 600, 736, 1107, 1205); // 声明一个维数组

 for (i = 0; i < sum.length; i++) {

 if (sum[i] < 1000) continue; // 不计算金额小于1000的数据

 total += sum[i];

 }

 alert("金额大于等于1000的数据的和为:" + total); // 输出结果

执行结果:

在这里插入图片描述

3.3.2 break 语句

break 语句用于退出包含在最内层的循环或者退出一个switch语句。break语句一般运用在while语句、for语句、do…while语句或者switch 语句中。

例如:求0至5(包括5)之间自然数的累加和。

var sum = 0;

 for (i = 0; i < 100; i++) {

 sum += i;

 if (sum > 10) break; // 如果sum>10,则立即跳出循环

 }

 alert("0至5(包括5)之间自然数的累加和为:" + sum); // 输出结果

输出结果:

在这里插入图片描述

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>