JavaScript流程控制

xiaoxiao2021-02-28  118

一、条件语句(判断的时候是严格类型比较即===的比较):

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循环实现百钱买百
转载请注明原文地址: https://www.6miu.com/read-33074.html

最新回复(0)