前端——JavaScript之if语句

Posted 在北京要饭次的衡水小代代 (′・ω・`)

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端——JavaScript之if语句相关的知识,希望对你有一定的参考价值。

4.1 if语句

如果……否则……  , 让程序出现分支

1        <script type="text/javascript">

2           var a = 8;

3           if(a >= 60){

4               alert("及格了");

5           }else{

6               alert("不及格");

7           }

8        </script>

语法:

1    if(测试表达式){

2        测试表达式为真执行的语句

3    }else{

4        测试表达式为假执行的语句

5    }

if英语里面的如果的意思,else就是否则的意思。else不要拼写为eles。

 

在语法层面有两个特例:

① 可以没有else部分

1    var a = 1;

2    if(a >= 60){

3        alert("及格了");

4    }

 

② 如果要执行的语句,只有一行语句,那么就是单行if,就可以省略大括号。

1           var a = 112;

2           if(a >= 60)

3               alert("及格了");

4           else

5               alert("不及格");

 

// 最基本的if语句
        // var a = 8;
        // if(a >= 60){
        //     alert("及格了");
        // }else{
        //     alert("不及格");
        // }

        // 可以省略else部分
        // var a = 1;
        // if(a >= 60){
        //     alert("及格了");
        // }

        // 如果结构体中只有单行语句,那么可以省略大括号
        // var a = 112;
        // if(a >= 60) 
        //     alert("及格了");
        // else
        //     alert("不及格");


        // 搞清楚哪些语句在结构体中,哪些不在
        var a = 77;
        if(a > 30){
            console.log("哈哈");
            console.log("嘻嘻");
            console.log("呵呵");
        }else{
            console.log("纳尼");
            console.log("呸呸")
        }
        console.log("么么哒");        //一定执行,因为在if结构体外面。

 

注意if语句是一个结构体,注意哪些语句是在结构体中,哪些语句不是结构体:

1           var a = 355;

2           if(a > 30){

3               console.log("哈哈");

4               console.log("嘻嘻");

5               console.log("呵呵");

6           }else{

7               console.log("纳尼");

8               console.log("呸呸")

9           }

10          console.log("么么哒");  /*一定会执行,在if结构体外面*/

如果a是3,不满足条件:

小练习:用户输入一个年龄,判断用户能不能考取驾照。交规说: 大于等于18,小于等于70才能考取驾照。

 

1           //让用户输入年龄

2           var age = parseInt(prompt("请输入年龄"));

3           //判断

4           if(age >= 18 && age <= 70){

5               alert("可以考取驾照");

6           }else{

7               alert("年龄不符合要求");

8           }

9           alert("谢谢惠顾");

 

//让用户输入年龄
        var age = parseInt(prompt("请输入年龄"));
        //判断
        if(age >= 18 && age <= 70){
            alert("可以考取驾照");
        }else{
            alert("年龄不符合要求");
        }
        alert("谢谢惠顾");

 

多分支的if

if……else if …… else if…… else if…… else ……

如果……否则如果……否则如果……否则如果……否则……

跳楼现象,用户会选择一个分支执行(跳楼),选择这个分支了,就暗含了上一个分支没有满足:

1           var score = 76;

2     

3           if(score >= 85){

4               alert("优秀");   //不满足条件,所以不执行,走楼梯下楼

5           }else if(score >= 70){

6               alert("良好");   //走到这个楼层的,一定暗含小于85。这一楼层满足,跳楼了

7           }else if(score >= 60){

8               alert("及格");  //不执行

9           }else{

10              alert("不及格")  //不执行

11          }

语法:

1    if(测试表达式1){

2        测试表达式1为真的时候做的事情

3    }else if(测试表达式2){

4        测试表达式1为假,且测试表达式2为真的时候做的事情

5    }else if(测试表达式3){

6        测试表达式1为假,测试表达式2为假,且测试表达式3为真的时候做的事情

7    }

8    ……

 

// var score = 66;

        // if(score >= 85){
        //     alert("优秀");
        // }else if(score >= 70){
        //     alert("良好");
        // }else if(score >= 60){
        //     alert("及格");
        // }else{
        //     alert("不及格")
        // }

        //错误的写法!
        // var score = 100;
        // if(score >= 0){
        //     alert("不及格");
        // }else if(score >= 60){
        //     alert("及格");
        // }else if(score >= 75){
        //     alert("良好");
        // }else(score >= 85){
        //     alert("优秀");
        // }


        // var score = 100;
        // if(score <= 60){
        //     alert("不及格");
        // }else if(score <= 75){
        //     alert("及格");
        // }else if(score <= 85){
        //     alert("良好");
        // }else{
        //     alert("优秀");
        // }

        //语句且"仅"会选择一条路走。
        var a = 6;
        if(a < 8){
            a = a + 3;            //a<8条件满足,所以执行,跳楼!
        }else if(a == 9){
            a = a + 4;            //不执行
        }else if(a == 13){
            a = a + 5;            //不执行
        }else if(a == 18){
            a = a + 6;            //不执行
        }
        console.log(a);          //9

 

if语句的嵌套:

用户先输入自己的性别,比如男、女。然后输入自己的年龄。判断能否结婚。

男的22以上

女的20以上

 

if语句可以嵌套,如果里面再套一层如果:

1           //判断

2           if(sex == ""){

3               //

4               if(age >= 22){

5                  alert("男同志你好,可以结婚");

6               }else{

7                  alert("你还是个小正太,不能结婚!");

8               }

9           }else{

10              //

11              if(age >= 20){

12                 alert("女同志你好,可以结婚");

13              }else{

14                 alert("你还是个小萝莉,不能结婚!");

15              }

16          }

楼层中else只能有一个。 else if可以有多个。

//用户先输入自己的性别,比如男、女。然后输入自己的年龄。判断能否结婚
        //先输入性别
        var sex = prompt("请输入性别","男");
        var age = parseInt(prompt("请输入年龄"));

        // //判断
        if(sex == "男"){
            //
            if(age >= 22){
                alert("男同志你好,可以结婚");
            }else{
                alert("你还是个小正太,不能结婚!");
            }
        }else if(sex == "女"){
            //
            if(age >= 20){
                alert("女同志你好,可以结婚");
            }else{
                alert("你还是个小萝莉,不能结婚!");
            }
        }else{
            alert("你输入的不是正确的性别!!");
        }

        //方法2:
        // if(sex == "男" && age >= 22){
        //     alert("男同志你好,可以结婚");
        // }else if(sex == "男" && age < 22){
        //     alert("你还是个小正太,不能结婚!");
        // }else if(sex == "女" && age >= 20){
        //     alert("女同志你好,可以结婚");
        // }else if(sex == "女" && age < 20){
        //     alert("你还是个小萝莉,不能结婚!");
        // }

 

以上是关于前端——JavaScript之if语句的主要内容,如果未能解决你的问题,请参考以下文章

前端—— JavaScript基础操作:if语句for循环while循环for...infor...of异常处理函数事件JS选择器JS操作页面样式

网站前端_JavaScript.0006.JavaScript流程控制

10-JavaScript 条件语句

PHP条件控制语句之“if语句”

JavaScript学习——JavaScript 条件 语句 switch语句 while语句

前端之Javascript