JavaScript基础/switch/循环语句/break/Continue/函数-php五期线上班

JavaScript基础第二节课：

switch(多分支选择语句) 语句用于基于不同的条件来执行不同的动作，语法如下：
switch(n){ //n:首先设置表达式(通常是变量)
case 1: //case 常量表达式
执行代码块 1
break;
case 2:
执行代码块 2
break;
....
default:
与 case 1 和 case 2 ...不同时执行的代码
}
注意：表达式变量与java不一样不一定是int。代码块带break，如果不带每个语句块都执行。
循环语句
for循环语句,语法如下：
for (初始值;循环条件;步长){
循环体;
}
for循环中条件要都写齐，注意不要搞成死循环。
while 循环，语法如下：
while (条件)
{
需要执行的代码
}
while 要注意条件要记得增加步长，不然容易造成死循环。
do..while循环，语法如下：
do{
循环体
}while(条件表达式)
与while不同之处在于，不管怎样都会先执行一次，其他与while一样。
for/in 语句用于循环对象属性( for...in 循环中的代码块将针对每个属性执行一次)，语法如下：
for (var in object) {
执行的代码块}
该循环里的object可以是对象可以是数组。
Break和 Continue：break 语句用于跳出循环，continue 用于跳过循环中的一个迭代
函数(Function) ：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块，用function来定义函数，函数可以通过声明定义，也可以是一个表达式。
创建自定义函数的语法：
function functionName(){
执行的代码块
}
注意：函数不会自己执行，需要被调用才会执行，如果函数结尾带有return，表示该函数带有返回值，return之后的代码不执行。

以下为作业部分：

实例

<!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

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

实例

相关文章