JS流程控制语句_选择分支

1、if语句

在一个 指定的条件成立时执行某一段代码（执行语句）

语法：

①

if(条件表达式){

   //代码块;

}

②

if(条件表达式){

  //代码块1；

}else{

  //代码块2；

}

③ 如果条件表达式1成立，就不会执行下面的 else if

if(条件表达式1){

   //执行体1；

}else if(条件表达式2){

   //执行体2；

}else{

   //执行体3；

}

步骤一：首先判断条件表达式1，如果为true，则执行代码块1，如果为false，则不执行代码块1，代码继续往下；

步骤二：首先判断条件表达式2，如果为true，则执行代码块2，如果为false，则不执行代码块2，代码继续往下；

步骤三：如果所有条件表达都为false，则执行最后else语句里的代码块4；如果之前已经符合条件判断的则不会执行else里的代码块

<script>

    let a=17;

    if (a>18){

        document.write("可以上网！");

    }else {

        document.write("年龄未满，不可以再来！");

    }

    //prompt 是输入框,为输入时默认值是60

    let grade=prompt("请输入你的成绩：");

    if (100>grade&&grade>=90){

        //document.write("奖励游戏机");

        alert("奖励游戏机");

    }else if (90>grade&&grade>=79){

        document.write("奖励台湾一日游")

    }else if (79>grade&&grade>=70){

        document.write("奖励100元")

    }else if (69>grade&&grade>=60){

        document.write("奖励两张试卷")

    }else if (0<grade&&grade<=59){

            document.write("奖励大嘴巴子")

    }else{

        document.write("输入有误！")

    }

</script>

2、用户在网页中输入的方法：

prompt("");   //参数1：提示信息；参数2：默认值；

3、JS的判断条件的输入值的结果

数据类型(NaN除外)	true	false
number	非0	0
string	非空串	空串
object	非空	Null
undefined		永远都是假的
NaN(not a number)		永远都是假的

注意：建议写代码的时候，判断条件使用boolean类型

<script>

    //数值类型只有0是假的，其他都是真的

    if (0){

        document.write("真"+"<br/>");

    }else{

        document.write("假"+"<br/>");

    }

    //字符串类型，只有空串是假的，其他都是真的

    if (""){

        document.write("真"+"<br/>");

    }else{

        document.write("假"+"<br/>");

    }

    //对象类型，只有null是假的，

    var person =null;   //打印出来是object(有等号)   var per; 这个打印出来是undefined(没有等号)

    if (null){

        document.write("真"+"<br/>");

    }else{

        document.write("假"+"<br/>");

    }

    //undefined类型，未定义的永远都是假的

    if (u){

        document.write("真"+"<br/>");

    }else{

        document.write("假"+"<br/>");

    }

    //字符串类型，只有空串是假的，其他都是真的

    let e;

    if (""){

        document.write("真"+"<br/>");

    }else{

        document.write("假"+"<br/>");

    }

    

    //NaN：本身不是一个数据类型，而是开发人员的代码中的不被JS编译的内容

    if (+"<i>"){

        document.write("真"+"<br/>");

    }else {

        document.write("假"+"<br/>"+e);

    }

</script>

4、switch 语句

语法：

//变量名也可以直接写死为true ，还可以写表达式

switch(变量名){

     case 常量值：

      break;

     case 常量值：

      break;

     default:

      break;

}

解析执行过程：如果变量名等于某个分支的常量值，就执行这个代码块；如果所有的条件都不满足就执行default里面的代码块。

switch(true){

     case 表达式：

      break;

     case 表达式：

      break;

     default:

      break;

}

//练习一：

<script>

    //需求：用户输入1——12月的数字，如果不是则输出：您输入的月份不正确。

    //如果输入的是，则打印出季节 234春季  567夏季  8910秋季 11 12 1冬季

    let yea=parseInt(prompt("请输入月份："));

    switch (yea) {

        case 2:

        case 3:

        case 4:

            alert("现在是春季！");

            break;

        case 5:

        case 6:

        case 7:

            alert("现在是夏季！");

            break;

        case 8:

        case 9:

        case 10:

            alert("现在是秋季！");

            break;

        case 11:

        case 12:

        case 1:

            alert("现在是冬季！");

            break;

        default:

            alert("您输入的不是数字！");

            break;

    }

</script>

//练习二：

<script>

    //prompt 是输入框,为输入时默认值是60

    let grade=parseInt(prompt("请输入你的成绩："));

    switch (true) {  //注意：这里不可以用1代替true，在switch中不可以这样做

        case (100>grade&&grade>=90):

            alert("奖励游戏机");

            break;

        case (90>grade&&grade>=80):

            alert("奖励台湾一日游");

            break;

        case (80>grade&&grade>=70):

            alert("奖励100元");

            break;

        case (70>grade&&grade>=60):

            alert("奖励两张试卷");

            break;

        case (0<grade&&grade<=60):

            alert("奖励大嘴巴子");

            break;

        default:

            alert("输入有误！");

            break;

    }

</script>

注意：在js当中，比较运算符 会自动将字符串转换成数值型进行

小结：

如果switch的case后面要使用表达式，switch后面的值 一定要写成true。