我是靠谱客的博主 失眠芒果,这篇文章主要介绍javascript----if、for、,现在分享给大家,希望可以做个参考。

if结构:

1、

if(条件成立){

    条件成立时执行代码;

}

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE HTML> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>if语句</title> <script type="text/JavaScript"> var mypen = "black"; //定义变量mypen,存储笔的黑色。 if(mypen="black") { document.write("笔是黑色的,所以购买"); } </script> </head> <body> </body> </html>

2、

if(条件成立){

    条件成立时执行代码;

}else{

条件不成立时执行代码;

}

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>if...else</title> <script type="text/JavaScript"> var ticket =true; //ticket初值为true,表示有票 if(ticket) { document.write("有票,可以看电影。"); } else { document.write("没票,电影看不成。"); } </script> </head> <body> </body> </html>

3、if(){

}else if{

}else if{

}else{

}

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>if...else</title> <script type="text/JavaScript"> var myage =99;//赵红的年龄为99 if(myage<=44) {document.write("青年");} else if(myage<=59) {document.write("中年人");} else if(myage<=89) {document.write("老年人");} else {document.write("长寿老年人");} </script> </head> <body> </body> </html>

输入结果:长寿老年人

switch语句:

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 }
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
​ <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>switch</title> <script type="text/JavaScript"> var myweek =3;//myweek表示星期几变量 switch(myweek) { case 1: case 2: document.write("学习理念知识"); break; case 3: case 4: document.write("到企业实践"); break; case 5: document.write("总结经验"); break; case 6: case 7: document.write("周六、日休息和娱乐"); } </script> </head> <body> </body> </html> ​

for循环:

复制代码
1
2
3
4
for(初始化变量;循环条件;循环迭代) {       循环语句  }
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>if...else</title> <script type="text/JavaScript"> var mymoney,sum=0;//mymoney变量存放不同面值,sum总计 for(mymoney=1;mymoney<=10;mymoney++) { sum= sum + mymoney; } document.write("sum合计:"+sum); </script> </head> <body> </body> </html>

while循环:

复制代码
1
2
3
4
while(判断条件) { 循环语句 }
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>while</title> <script type="text/javascript"> var mynum =1;//mynum初值化数值为1 while(mynum<=5) { document.write("数字:"+mynum); mynum=mynum+1; } </script> </head> <body> </body> </html>

do...while...循环:

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>do...while</title> <script type="text/javascript"> var mynum =6;//mynum初值化数值为6 do { document.write("数字:"+mynum+"<br/>"); mynum=mynum-1; } while(mynum>0) </script> </head> <body> </body> </html>

break:

当遇到特殊情况的时候,循环就会立即结束。看看下面的例子,输出成绩,如果不及格,就停止输出,后面的都不输出了。

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>break</title> <script type="text/JavaScript"> var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值 var i=0; while(i<mynum.length) { if(mynum[i]<60) { document.write("成绩"+mynum[i]+"不及格,不用循环了"+"<br>"); break; } document.write("成绩:"+mynum[i]+"及格,继续循环"+"<br>"); i=i+1; } </script> </head> <body> </body> </html>

结果:

成绩:70及格,继续循环
成绩:80及格,继续循环
成绩:66及格,继续循环
成绩:90及格,继续循环
成绩50不及格,不用循环了

continue:

上面的循环中,当特殊情况发生的时候,本次循环将被跳过,而后续的循环则不会受到影响。好比输出成绩,如果成绩不及格就不输出了,单之后及格的成绩还会输出。

复制代码
1
2
3
4
5
6
for(初始条件;判断条件;循环后条件值更新) { if(特殊情况) { continue; } 循环代码 }
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>continue</title> <script type="text/JavaScript"> var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值 var i; for(i=0;i<mynum.length;i++) { if(mynum[i]<60) { document.write("成绩不及格,不输出!"+"<br>"); continue; } document.write("成绩:"+mynum[i]+"及格,输出!"+"<br>"); } </script> </head> <body> </body> </html>

结果:

成绩:70及格,输出!
成绩:80及格,输出!
成绩:66及格,输出!
成绩:90及格,输出!
成绩不及格,不输出!
成绩:100及格,输出!
成绩:89及格,输出!

 

最后

以上就是失眠芒果最近收集整理的关于javascript----if、for、的全部内容,更多相关javascript----if、for、内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(73)

评论列表共有 0 条评论

立即
投稿
返回
顶部