zoukankan      html  css  js  c++  java
  • Javascript 流程控制

    流程控制

    JavaScript通过流程语句来执行程序流,程序流有若干语句组成。在正常情况下,程序中 的语句时按照书写顺序执行的,这种结构称为顺序结构。除了顺序结构之外还有选择结构和循环结构。

    1.选择结构

    (1)if-else语句

    语法:

    if(condition){

      statementS;

    }else{

      statements;

    }

    (2)if-else if-else语句

    语法:

    if(condition){

      statementS;

    }else if{

      statements;

    }

    ……

    else{

      statements;

    }

    例如:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta charset="GB2312">
        <title>选择结构</title>
        <script language="JavaScript">
            function  max() {
                var fist=parseInt(form1.fist.value);
                var secod=parseInt(form1.secod.value);
                if(isNaN(fist)){
                    alert("第一个数不是数值类型");
                    form1.fist.value="";
    
                }
                else if (isNaN(secod)) {
                    alert("第二个数不是数值类型");
                    form1.secod.value="";
                }else{
                    var max=(fist>=secod?fist:secod);
                    document.write("两个数之间较大的数为:"+max);
                }
    
            }
        </script>
    
    </head>
    <body>
    <form name="form1">
        请输入第一个数(数值型):
        <input type="text" name="fist" />
        <br>
        请输入第二个数(数值型):
        <input type="text" name="secod" />
        <br>
        <input type="button" ONCLICK="max()" value="选择较大值" />&nbsp;&nbsp;
        <input type="reset" value="重填" />
    </form>
    </body>
    </html>

    (3)switch语句([ ]中为可选)

    语法:

    switch(expression){

      case value1:

        statement;

        break;

      case value2:

        statement2;

        break;

      ……

      case valueN;

        statementN;

        break;

      [defalut:

        defalutStatements;]

    }

    例如:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta charset="GB2312">
        <title>switch语句</title>
    </head>
    <body>
    <script language="JavaScript">
        var day= new Date().getDay();
        switch (day){
            case 0:
                title="今天是星期日";
                break;
            case 1:
                title="今天是星期一"
                break;
            case 2:
                title="今天是行权期二";
                break;
            case 3:
                title="今天是星期三";
                break;
            case 4:
                title="今天是星期四";
                break;
            case 5:
                title="今天是星期五";
                break;
            case 6:
                title="今天是星期六";
                break;
        }
        document.write(title);
    </script>
    
    </body>
    </html>

    2.循环语句

    (1)for循环(循环次数已知的循环)

    语法:

    for(inintal-condition;conditin;increment){

      statements;

    }

    例子:

    输出九九乘法表

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <title>循环结构</title>
    </head>
    
    <body>
    <font size="-1" color="blue">
        <script language="JavaScript">
            var i,j;
            for(i=1;i<=10;i++){
                for(j=1;j<=i;j++){
                    document.write(j+"*"+i+"="+i*j);
                    document.write("&nbsp;&nbsp;");
                }
            document.write("<br>");
            }
        </script>
    </font>
    
    
    </body>
    </html>

    (2)for-in语句(通常用来遍历数组)

    语法:

    for(elements in object){

      statement;

    }

    例如:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta charset="GB2312">
        <title>for-in</title>
    </head>
    <body>
    <script language="JavaScript">
        var student=new Object();
        student.name="王明明";
        student.no="20120156";
        student.addreess="山东济南";
        for(e in student){
            document.write(e+":"+student[e]+"<br>");
        }
    </script>
    </body>
    </html>

    (3)while语句(次数未知的循环)

    语法:

    while(condition){

      statement;

    }

    例如:

    输出1-100中3的倍数

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta charset="GB2312">
        <title>while循环</title>
    </head>
    <body>
    <script language="JavaScript">
        var i=1;
        while(i<100){
            if(i%3==0){
                document.write(i+"&nbsp");
            }
            i++;
        }
    </script>
    
    </body>
    </html>

    (4)do-while语句(该语句最少执行一次)

    语法:

    do{

      statement;

    }

    while(conditions);

    例如:

    计算1-100的和

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta charset="GB2312">
        <title>do-while语句</title>
    </head>
    <body>
    <script language="JavaScript">
        var i = 1;
        var num = 0;
        do {
            sum+=i;
            i++
        }while(i<=100);
        document.write("1-100的和是:"+sum);
    </script>
    </body>
    </html>

    转移语句

    (1)break语句

    break语句用于switch语句和for语句等循环语句中。用来中止switch语句,执行switch语句后的语句。

    (2)continue语句

    continue语句用于for,while,do-while,for-in语句中,用来结束本次循环,执行下一次循环,一般与if语句一起使用。

    (3)return语句

    return语句一般在函数中使用,可以使用return语句表达式的格式返回任意类型的函数值,返回的函数值可以用变量接受。

    特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢
  • 相关阅读:
    Android Studio下载gradle失败
    【宁熙】回望四月又七天
    caffe crnn windows上编译多标签分类版本
    图像识别方案的选择思考
    使用SVM进行图像识别的一些思考
    安卓usb串口免root调试
    交叉编译opencv移植到海思3518
    【2021-10-24】连岳摘抄
    【2021-10-23】人间词话
    【2021-10-22】梅兰芳
  • 原文地址:https://www.cnblogs.com/CGWTQ/p/9821908.html
Copyright © 2011-2022 走看看