Blogger Information
Blog 7
fans 1
comment 2
visits 5608
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JavaScript基础/switch/循环语句/break/Continue/函数-php五期线上班
Morning的博客
Original
706 people have browsed it

JavaScript基础第二节课:

  1. switch(多分支选择语句) 语句用于基于不同的条件来执行不同的动作,语法如下:

    switch(n){ //n:首先设置表达式(通常是变量)
       case 1:  //case 常量表达式
            执行代码块 1
             break;
        case 2:
            执行代码块 2
          break;
            ....
         default:
           与 case 1 和 case 2 ...不同时执行的代码
    }

    注意:表达式变量与java不一样 不一定是int。代码块带break,如果不带每个语句块都执行。

  2. 循环语句
    for循环语句,语法如下:
    for (初始值;循环条件;步长){
              循环体;
     }

    for循环中条件要都写齐,注意不要搞成死循环。

    while 循环,语法如下:

    while (条件)
    {
       需要执行的代码
    }

    while 要注意条件要记得增加步长,不然容易造成死循环。

    do..while循环,语法如下:

    do{
     循环体
    }while(条件表达式)

    与while不同之处在于,不管怎样都会先执行一次,其他与while一样。

    for/in 语句用于循环对象属性( for...in 循环中的代码块将针对每个属性执行一次),语法如下:

    for (var in object) {
    执行的代码块}
    该循环里的object可以是对象 可以是数组。

  3. Break和 Continue:break 语句用于跳出循环,continue 用于跳过循环中的一个迭代

  4. 函数(Function)  :函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块,用function来定义函数,函数可以通过声明定义,也可以是一个表达式。

    创建自定义函数的语法:
    function functionName(){
      执行的代码块
    }
    注意:函数不会自己执行,需要被调用才会执行,如果函数结尾带有return,表示该函数带有返回值,return之后的代码不执行。

    以下为作业部分:

  5. 实例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>js第二节课</title>
    </head>
    <body>
    
    <script type="text/javascript">
    
        // 【案例1】js打印九九乘法表
        //for循环打印
        document.write("for循环打印九九乘法表:<br>");
        for(var i=1;i<10;i++){
            for(var j=1;j<=i;j++){
                var sum=i*j;
                document.write(i+"*"+j+"="+sum+"   ");
                if(sum<10){
                    document.write("  ");
                }
            }
            document.write("<br>");
        }
    
        //while循环打印
        document.write("while循环打印九九乘法表:<br>");
        var i=1;
        while(i<10){
            var j=1;
            while(j<=i){
                var sum=i*j;
                document.write(i+"*"+j+"="+sum+"   ");
                if(sum<10){
                    document.write("  ");
                }
                j++;
            }
            document.write("<br>");
            i++;
        }
    
        // 【案例2】计算:用*号在页面中输出一个三角形(while)
        document.write("while循环打印三角形:<br>");
        var l=1;
        while (l<=10){
            var j=1;
            //打印空格
            while(j<=10-l){
                document.write(" ");
                j++;
            }
            //打印*
            var k=1;
            while(k!=l){
                document.write("* ");
                k++;
            }
            document.write("<br>");
            l++;
        }
    
    </script>
    
    </body>
    </html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

结果截图如下:

8Q)]1QGC40T12TXF88A3XSF.png

总结:使用循环的话要注意条件的设置,要有起始有终止,防止造成死循环。

Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments