码迷,mamicode.com
首页 > Web开发 > 详细

JS -- 流程控制语句

时间:2020-09-17 22:48:24      阅读:37      评论:0      收藏:0      [点我收藏+]

标签:表达式   doc   rip   style   tin   原理   初始   color   匹配   

一、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

 

JS -- 流程控制语句

标签:表达式   doc   rip   style   tin   原理   初始   color   匹配   

原文地址:https://www.cnblogs.com/Maruying/p/13501090.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!