JavaScript中的流程控制
@TOC
一、顺序结构
顺序结构表示程序中的各操作是按照它们出现的先后顺序执行的。
| 项目 | Value |
|---|---|
| 输入 | 0个或多个 |
| 输出 | 1个或多个 |
| 赋值 | = |
二、分支结构
1.if...else结构
定义月份，根据月份输出相应的季节。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var i = 10;
if (i==12 || i==1 || i==2) {
alert("冬季")
} else if(i==3 || i== 4 || i==5){
alert("春季")
}else if(i==6 || i==7 || i==8){
alert("夏季")
}else if(i==9 || i==10 || i==11){
alert("秋季")
}else{
alert("输入月份错误")
}
</script>
</head>
<body>
</body>
</html>
2.switch语句
同样的用Switch语句来实现
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var i = 7;
switch (i){
case 3:
case 4:
case 5:
alert("春季")
break;
case 6:
case 7:
case 8:
alert("夏季")
break;
case 9:
case 10:
case 11:
alert("秋季")
break;
case 12:
case 1:
case 2:
alert("冬季")
break
default:
alert("月份有误")
break
}
</script>
</head>
<body>
</body>
</html>
三、循环结构
JavaScript的循环结构基本和java中的一致
1.while语句
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var i =1;
while(i<10){
alert(i);
i++;
}
</script>
</head>
<body>
</body>
</html>
求1-100的和
2.do...while语句
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var sum =0;
var j = 1;
do{
sum += j;
j++;
}while (j<=100){
alert(sum)
}
</script>
</head>
<body>
</body>
</html>
3.for语句
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var sum2 = 0;
for(var k=0;k<=100;k++){
sum2 += k;
}
alert(sum2)
</script>
</head>
<body>
</body>
</html>
四、流程控制练习
打印九九乘法表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
for(var i =1;i<=9;i++){
for(var j=1;j<=i;j++){
document.write(j+"*"+i+"="+i*j+" ")
}
document.write("<br/>")
}
</script>
</head>
<body>
</body>
</html>
