zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    datetimepicker 日期值显示不完全(点击按钮后)
    南昌旋风科技有限公司的评价很烂,擅自修改dns域名解析。也不通知客户,导致34天无法解析。
    2009年树种铁树种子,每个特价3元一个!
    asp.net c# 如何读取XML文件里的CDATA里的HTML
    招商银行开始抢钱了,月管理费5元。2009年7月开始,杭州的招行是这样的。准备注销账号了
    圆通快递服务台太恶劣了,强烈要求抵制圆通快递。
    asp.net c#里如何使用 varchar(max) 参数
    MasterPage 和 page 事件顺序
    window7 安装 Microsoft SQL Server 2008 Enterprise Edition 需要注意的问题
    探讨下Tag标签的数据库设计(千万级数据量)
  • 原文地址:https://www.cnblogs.com/Maruying/p/13501090.html
Copyright © 2011-2022 走看看