JavaScript（二）—— JavaScript 控制语句（if条件语句、switch条件语句、for循环语句、while循环语句、do...while循环语句、continue和break）

JavaScript 控制语句

• 1、JavaScript 条件语句
• 1.1 条件语句概述
• 1.2 if 条件语句
• 1.3 switch 条件语句
• 2、JavaScript 循环语句
• 2.1 循环语句概述
• 2.2 for 循环语句
• 2.3 while 循环语句
• 3、continue 和 break 关键字
• 3.1 continue 和 break 概述
• 3.2 continue 和 break 比较示例

1、JavaScript 条件语句

1.1 条件语句概述

1.1.1 介绍
条件控制语句用于控制程序语句的执行方向，当某个条件出现不一样的结果时，执行不一样的代码。

1.2 分类
条件控制语句有
（1）if条件语句

• if 语句
• if…else 语句
• if…else if…else语句

（2）switch 条件语句

1.2 if 条件语句

1.2.1 if 语句
（1）介绍
当条件知足时即执行if结构体内的语句

（2）语法

if (判断条件){
    当判断条件知足时执行的语句
}

（3）示例

<script>
	var a = 25;
	if(0 < a < 10){
		console.log("0 < a < 10");
	}
</script>

1.2.2 if…else 语句
（1）介绍
当条件知足时即执行if结构体内的语句，当条件不知足的时候执行else结构体内的语句

（2）语法

if (判断条件){
    当判断条件知足时执行的语句
} else{
	当判断条件不知足时执行的语句
}

（3）示例

<script>
	var a = 25;
	if(0 < a < 10){
		console.log("0 < a < 10");
	}else{
		console.log("a > 10");
	}
</script>

1.2.3 if…else if…else语句
（1）介绍
当条件知足时即执行if结构体内的语句，当条件不知足时接着判断下一个条件是否知足，当全部的条件都不知足时，就执行最后一个else结构体的语句

（2）语法

if (判断条件1){
    当判断条件1知足时执行的语句
} else if (判断条件2){
    当判断条件2知足时执行的语句
} else if (判断条件3){
    当判断条件3知足时执行的语句
} else {
	当上面的因此判断条件都不知足时执行的语句
}

（3）示例

<script>
	var a = 25;
	if(0 < a < 10){
		console.log("0 < a < 10");
	}else if(10 < a < 20){
		console.log("10 < a < 20");
	}else if(20 < a < 30){
		console.log("20 < a < 30");
	}else{
		console.log("a > 30");
	}
</script>

1.3 switch 条件语句

1.3.1 介绍
与if条件语句同样，switch条件语句也是根据条件的不一样执行不一样的语句

1.3.2 语法

switch(n){
    case 1:
        n与条件case 1 条件相同时执行的语句
        break;
    case 2:
        n与条件case 2 条件相同时执行的语句
        break;
    ...
    default:
        当n与上述条件都不一样时执行的代码
}

1.3.3 示例

<script>
	var day = new Date().getDay(); 
	switch (day) { 
		case 1:
			console.log("day = " + day + ", 今天是星期一"); 
			break; 
		case 2:
			console.log("day = " + day + ", 今天是星期二"); 
			break; 
		case 3:
			console.log("day = " + day + ", 今天是星期三"); 
			break; 
		case 4:
			console.log("day = " + day + ", 今天是星期四"); 
			break; 
		case 5:
			console.log("day = " + day + ", 今天是星期五"); 
			break;  
		default:
			console.log("day = " + day + ", 今天是周末"); 
	}
</script>

2、JavaScript 循环语句

2.1 循环语句概述

2.1.1 循环语句介绍
循环语句，简单地说就是在知足条件的状况下反复执行一段语句

2.1.2 循环语句分类
（1）for 循环

• for 循环
• for…in 循环

（2）while 循环

• while 循环
• do…while循环

2.2 for 循环语句

2.2.1 for 循环
（1）语法

for (语句 1; 语句 2; 语句 3){
    知足条件时被循环执行的语句
}

通常语句1为初始化参数的语句，语句2为判断参数是否知足条件的语句，语句3为改变参数的语句

（2）示例

<script>
	/* 计算1加到100 */
	/* 第一种 */
	var sum = 0;
	for(var i = 1; i<= 100; i++){
			sum += i;
	}
	console.log("sum = " + sum);
	
	/* 第一种：将参数提到循环外部 */
	var sum1 = 0;
	var j = 1;
	for(; j<= 100; ){
			sum1 += j;
			j++;
	}
	console.log("sum1 = " + sum1);
</script>

2.2.2 for…in 循环
（1）语法

for(参数 in 要循环的对象){
	循环展现的语句
}

（2）示例

<script>
	var arr = new Array(11, 22, 33, 44, 55, 66, 77, 88, 99, 111);
	for(x in arr){
		console.log("arr[" + x + "] = " + arr[x]);
	}
</script>

2.3 while 循环语句

2.3.1 while 循环
（1）语法

while (判断条件){
   要循环执行的语句
}

（2）示例

<script>
	/* 计算1加到100 */
	var sum = 0;
	var i = 1;
	while(i <= 100){
		sum += i;
		i++;
	}
	console.log("sum = " + sum);
</script>

2.3.2 do…while 循环
（1）语法

do {
   要循环执行的的语句
}while (判断条件)

（2）示例

<script>
	/* 计算1加到100 */
	var sum = 0;
	var i = 1;
	do{
		sum += i;
		i++;
	}while(i <= 100)
	console.log("sum = " + sum);
</script>

2.4.3 while 和 do…while 的区别

• while循环是先进行判断，条件知足时才执行循环语句
• do…while循环时先执行一次循环语句，再进行判断，若是知足则继续执行。
• do…while循环无论条件满不知足都会至少执行一次循环语句，而while循环当条件不知足时就不会执行循环语句

示例

<script>
	/* 比较while和do...while：若是参数<100,计算参数*5的值 */
	var s1 = 0;
	var i = 100;
	while(j < 100){
		s1 = i * 5;
		j++;
	}
	console.log("s1 = " + s1);
	
	var s2 = 0;
	var j = 100;
	do{
		s2 = j * 5;
		j++;
	}while(j < 100)
	console.log("s2 = " + s2);
</script>

3、continue 和 break 关键字

3.1 continue 和 break 概述

（1）continue
continue 表示跳过当前此次循环，只要条件知足会继续执行下一次循环

（2）break
break 表示跳出当前循环，不论条件满不知足都会终端整个循环

3.2 continue 和 break 比较示例

计算1到100的加法，可是要除去50这个参数，即不计算50的和

<script>
	/* 使用break */
	var i = 1;
	var sum1 = 0;
	for(; i <= 100; i++){
		if(i == 50){
			break;
		}
		sum1 += i;
	}
	
	/* 使用continue */
	var j = 1;
	var sum2 = 0;
	for(; j <= 100; j++){
		if(j == 50){
			continue;
		}
		sum2 += j;
	}
	/* 比较结果 */
	console.log("sum1 = " + sum1);
	console.log("sum2 = " + sum2);
</script>

从结果就能够看出，使用break，当 i = 50 的时候就直接终端了整个累加循环。而使用continue，当 j = 50 的时候值时跳过了本次累加，没有计算50的累加。