JavaScript流程控制_1.分析下列javascript代码并写出输出结果:var i=3;j=|;switch(i){ca-优快云博客

本文详细介绍了JavaScript中的条件语句和循环语句的使用方法，包括if、switch、for等语句的不同形式及其应用场景，并提供了丰富的代码示例。

一、条件语句（判断的时候是严格类型比较即===的比较）：

1、if(exp)执行一句代码；

<script type="text/javascript">
	if(3<11)//hello
		document.write('hello ');
	document.write('world');
</script>

2、if(exp){执行代码段;}

<script type="text/javascript">
	if(true){//hello world 1--2--sunny
		document.write('hello ');
		document.write('world');
		var x=1,y=2,username='sunny';
	}
	document.write(x+'--'+y+'--'+username);
</script>

3、if(exp){exp为true时执行的代码段;}else{exp为false时执行的代码段;}

<script type="text/javascript">
	var username='hello';
	if(username=='hi'){//hello Sun
		document.write('hello sunny');
	}else{
		document.write('hello Sun');
	}
</script>

4、if...else if...（可以写作switch...case...的形式：switch(exp){case 值1:执行的代码段;break;case 值2:执行的代码段;break; ... default:执行的代码段;break;}，当所有的case都不匹配的时候执行default的语句）

<script type="text/javascript">
	var x=11;
	if(x==1){//以上表达式都为false执行的代码段
		document.write('hello');
	}else if(x==2){
		document.write('world');
	}else if(x==3){
		document.write('sunny');
	}else{
		document.write('以上表达式都为false执行的代码段');
	}
</script>

转换成switch...case...格式：

<script type="text/javascript">
	var x=11;
	switch(x){//以上表达式都为false执行的代码段
		case 1:
			document.write('hello');
			break;
		case 2:
			document.write('world');
			break;
		case 3:
			document.write('sunny');
			break;
		default:
			document.write('以上表达式都为false执行的代码段');
			break;
	}
</script>

5、if语句的嵌套；

<script type="text/javascript">
	//if ... else
	var username='hello';
	if(username=='world'){//hello sunny
		document.write('hello world');
	}else{
		document.write('hello sunny');
	}
	//if esle if
	username='admin';
	if(username=='sunny'){//hello admin
		document.write('hello world');
	}else if(username=='maizi'){
		document.write('hello sunny');
	}else if(username=='admin'){
		document.write('hello admin');
	}
</script>

二、循环语句：

1、for循环：for(exp1;exp2;exp3){循环体;}

（1）exp1：无条件的执行第一个表达式；

（2）exp2：用来判断是否执行循环体的条件；

（3）exp3：用做增量的操作；

（4）for循环的嵌套（两层for循环），其中外层循环表示行，内层循环表示列；

<script type="text/javascript">
//for循环的嵌套
	for(var i=1;i<=3;i++){
		document.write('外层循环循环第'+i+'次的结果<br/>');
		for(var j=1;j<=2;j++){
			document.write('内层循环循环第'+j+'次的结果<br/>');
		}
	}
</script>

（5）for循环的应用：

<script type="text/javascript">
	//循环输出0~100
	for(var i=0;i<=100;i++){
		document.write(i);
		document.write('<br/>');
	}
	//循环输出100~0
	for(var i=100;i>=0;--i){
		document.write(i+'<br/>');
	}
	//循环输出1~100之间的奇数
	for(var i=1;i<=100;i++){
		if(i%2==1){
			document.write(i+'<br/>');
		}
	}
			
	//循环输出1~100之间数字的和
	var sum=0;
	for(var i=1;i<=100;i++){
		sum+=i;
	}
	document.write(sum);
	//求1~100之间奇数的和
	var sum=0;
	for(var i=1;i<=100;i++){
		if(i%2==1){
			sum+=i;
		}
	}
	document.write('1~100之间奇数的和为：'+sum+'<hr/>');
	//求1~100之间偶数的和
	sum=0;
	for(var i=1;i<=100;i++){
		if(i%2==0){
			sum+=i;
		}
	}
	document.write('1~100之间偶数的和为：'+sum+'<hr/>');
	/*通过break结束for循环*/
	for(var i=1;i<=10;i++){//1,2
		if(i==3){
			break;//结束for循环
		}
		document.write(i+'<br/>');
	}
	document.write('<hr color="red"/>');
	/*continue:代表跳过当次循环，进入下次循环 */
	for(var i=1;i<=10;i++){//1,2,4,5,6,7,8,9,10
		if(i==3){
			continue;
		}
		document.write(i+'<br/>');
	}
			
	//竖向的九九乘法表
	document.write('<table border="1" cellpadding="0" cellspacing="0" bgcolor="#ABCDEF" width="80%">');
	for(var i=1;i<=9;++i){
		document.write('<tr>');
		for(var j=1;j<=i;j++){
			document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>');
			}
		document.write('</tr>');
	}
	document.write('</table>');
			
	//输出倒置99乘法表
	document.write("<table border='1' cellpadding='0' cellspacing='0' bgcolor='aqua' width='80%'>");
	for(var i=9;i>=1;i--){
		document.write('<tr>');
			for(var j=1;j<=i;j++){
				document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>');
			}
		document.write('</tr>');
		}
	document.write('</table>');
			
	//通过for循环实现百钱买百