javascript笔记：流程控制语句

一．条件语句

1、if语句

if 语句即条件判断语句，一共有三种格式：

（1）if (条件表达式) 语句；

var box = 100;
if (box >50) {
    alert('box大于50');
}

ps:

1、对于if语句括号里的表达式，ECMAScript会自动调用Boolean()转型函数将这个表达式的结果转换成一个布尔值。如果值为true，执行后面的一条语句，否则不执行。

2、if后面的花括号里面的语句，如果只有一条，可以省略花括号。如果为多条语句，用复合语句（代码块）包含，判断后执行一条复合语句

（2）if (条件表达式) {语句;} else {语句;}

            var box=100;
            if(box>50){
                alert('box大于50')
            }else{
                alert('box小于50')
            }

（3）if (条件表达式) {语句;} else if (条件表达式) {语句;} ... else {语句;}

下面这个实例是根据系统时间来获取不同的欢迎语

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        window.onload=function(){
            var sp=document.getElementsByTagName('p')[0];
            var time=new Date().getHours();
            if(time<10){
                sp.innerHTML='早上好';
            }else if(time>10&&time<12){
                sp.innerHTML='上午好';
            }else if(time>=12&&time<18){
                sp.innerHTML='下午好';
            }else{
                sp.innerHTML='晚上好';
            }
        }
    </script>
</head>
<body>
    <p>早上好！</p>
</body>
</html>

2．switch语句

使用该语句来选择多个代码块之一来执行。switch 语句用于基于不同的条件来执行不同的动作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
    var d=new Date().getDay();
    window.onload=function(){
        var x=null;
        switch(d){
             case 0:
             x="今天是星期天";
             break;
             case 1:
             x="今天是星期一";
             break;
             case 2:
             x="今天是星期二";
             break;
             case 3:
             x="今天是星期三";
             break;
             case 4:
             x="今天是星期四";
             break;
             case 5:
             x="今天是星期五";
             break;
             case 6:
             x="今天是星期六";
             break;
        }
        document.getElementById("demo").innerHTML=x;
    }
    </script>
</head>
<body>
    <p id="demo">今天是星期一</p>
</body>
</html>

ps:break是结束整个循环体，continue是结束单次循环

一．循环语句

1、for 语句 for(初始化变量;循环条件;循环迭代) { 循环语句 }

for语句也是一种先判断，后运行的循环语句。但它具有在执行循环之前初始变量和定义循环后要执行代码的能力。

        for(var i=1;i<10;i++){
            alert(i)
        }

2、for...in语句 for（变量 in 对象）{在此执行代码}

for...in 语句用于对数组或者对象的属性进行循环操作。

for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。

当遍历一个对象的时候，变量 i 也就是循环计数器为对象的属性名：

var person={
 name: "Admin",
 age: 21,
 address:"shandong"
};
for(var i in person){
 console.log(i); //name，age ，address
}

当遍历一个数组的时候，变量 i 也就是循环计数器为当前数组元素的索引：

//使用for..in循环遍历数组
vararray = ["admin","manager","db"]
for(var i in array){
 console.log(i);  //打印出 0  1  2
}

3．while语句

while语句是一种先判断，后运行的循环语句。也就是说，必须满足条件了之后，方可运行循环体。

var box = 1;                            //如果是1，执行五次，如果是10，不执行
while (box <= 5) {                        //先判断，再执行
    alert(box);
    box++;
}

4、do...while语句

do...while语句是一种先运行，后判断的循环语句。也就是说，不管条件是否满足，至少先运行一次循环体。

var box = 1;                            //如果是1，执行五次，如果是10，执行1次
do {
    alert(box);
    box++;
} while (box <= 5);                        //先运行一次，再判断

秒客网