JS -- 流程控制语句
一、if语句
语法：
if(条件1) { 条件1成立时执行代码}
else if(条件2)
{ 条件1成立时执行代码}
else
{ 条件均不成立时执行代码}
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>JavaScript流程控制语法</title> <script> //if、else if、else语句 var mychar1=15, mychar2=25; if(mychar1>mychar2) { document.write(mychar1,">",mychar2); } else if(mychar1<mychar2) { document.write(mychar1,"<",mychar2); } else{ document.write(mychar1,"=",mychar2); } </script> </head> <body> </body> </html>
运行结果：
15<25
二、switch语句
语法：
switch(表达式)
{
case值1:
执行代码块 1
break;
case值2:
执行代码块 2
break;
...
case值n:
执行代码块 n
break;
default:
与 case值1 、 case值2...case值n 不同时执行的代码
}
Switch必须赋初始值，值与每个case值匹配。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>JavaScript流程控制语法</title> <script> //switch语句 var mychar=3; switch(mychar) { case 1: document.write("<=1"); break; case 2: case 3: case 4: case 5: document.write("<=5"); break; default: document.write("other"); } </script> </head> <body> </body> </html>
运行效果：
<=5
三、for循环
语法：
for(初始化变量;循环条件;循环迭代)
{
循环语句
}
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>JavaScript流程控制语法</title> <script> //for语句 var mychar=3; for(mychar; mychar<=10; mychar++) { document.write(mychar, " "); } </script> </head> <body> </body> </html>
运行效果：
3 4 5 6 7 8 9 10
四、while循环
语法：
while(判断条件)
{
循环语句
}
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>JavaScript流程控制语法</title> <script> //while语句 var mychar=3; while(mychar<=11) { document.write(mychar, " "); mychar++; } </script> </head> <body> </body> </html>
运行效果：
3 4 5 6 7 8 9 10 11
五、do...while循环
do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。
语法：
do
{
循环语句
}
while(判断条件)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>JavaScript流程控制语法</title> <script> //while语句 var mychar=3; do { document.write(mychar, " "); mychar++; } while(mychar<=10) </script> </head> <body> </body> </html>
运行效果：
3 4 5 6 7 8 9 10
六、break和continue语句
在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。
continue的作用是仅仅跳过本次循环，而整个循环体继续执行。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>JavaScript流程控制语法</title> <script> for(mychar=1; mychar<=10; mychar++) { if(mychar>5) { //break：退出当前循环 break; } else { //跳过本次循环，继续执行 document.write(mychar, " "); continue; } } </script> </head> <body> </body> </html>
运行效果：
1 2 3 4 5
参考：https://www.imooc.com
