007 条件判断分支语句.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分支判断结构语句</title>
    <script>
        //-------------------------if语句------------------------------------------------------------
        /*
     *
     * if语句:主要是判断
     * 语法:
     * if(表达式){
     *   代码块
     * }
     *
     * 执行过程:
     * 先判断表达式的结果是true还是false,如果是true则执行代码块,如果是false,大括号中的代码是不执行的
     *
     * 例子:
     * 1.如果8大于6,请输出8,如果一个数字大于另一个数字则输出大的数字
     * 2.问:小苏的年龄是否大于18岁,如果是成年的,则提示,可以看电影了
     *
     *
     * */
               if(8>6){
                 console.log(8);
               }
            //例子1:
               var num1=10;
               var num2=100;
               if(num1>num2){
                 console.log(num1);
               }
               console.log("我执行了");

            //例子2
            var age=19;
            if(age>=18){
                console.log("我比你大...");
            }
            //例子3:
            //问小杨帅不帅,则输出真的好帅
            var str="ah";
            if(str=="ah"){
                console.log("一样");
            }


        //-------------------------if-else语句------------------------------------------------------------
        /*
         * if-else 语句
         * 两个分支,只能执行一个分支
         *
         * if-else语句的语法:
         * if(表达式){
         *   代码1
         * }else{
         *   代码2
         * }
         *
         * 执行过程:
         * 如果表达式的结果是true则执行代码1,如果表达式的结果是false,则执行代码2
         * */

            //例子:问;小苏的年龄是否是成年人,如果是成年人则提示,可以看电影,否则;回家写作业区

            // 定义变量,并初始化
               var age = 100;
               //判断
               if (age >= 18) {
                 console.log("可以看电影了,嘎嘎...");
               } else {
                 console.log("看什么看,回家写作业去");
               }

            //提示用户请输入年龄----
               var age=prompt("请您输入您的年龄");//弹框---并且有输入,输入的内容在age变量中
               console.log(age);//最终的结果是字符串的类型
            //案例1:
            //    var age = parseInt(prompt("请您输入年龄"));
               //判断
               if (age >= 18) {
                 console.log("可以看电影了,嘎嘎...");
               } else {
                 console.log("看什么看,回家写作业去");
               }

            //练习1:找到两个数字中的最大值
            var num1=10;
            var num2=20;
            if(num1>num2){
                console.log(num1);
            }else{
                console.log(num2);
            }

            //练习2:判断这个数字是奇数还是偶数
            var number=parseInt(prompt("请输入一个数字"));    //让用户输入一个整数
            if(number%2==0){
                console.log("偶数");
            }else{
                console.log("奇数");
            }


        //----------------------------------三元表达式----------------------------------------------------
        //两个分支,最终的结果是两个分支中的一个(if-else语句),向这种情况可以使用三元式表达式
        //三元式表达式
        //运算符号:  ?  :
        //语法: var  变量=表达式1?表达式2:表达式3
        /*执行过程:表达式1的结果是true还是false,如果是true就执行表达式2,然后把结果給变量
                    如果表达式1的结果是false吗,就执行表达式3,把结果給变量
        */
        //两个数当中的最大值
        var num1=10;
        var num2=20;
        var result=num1>num2?num1:num2;
        console.log(result);

        //判断是否一成年
        var age= 16;
        var result=age>=18?"已成年":"未成年";
        console.log(result);


        //--------------------------------if-else-if----------------------------------------------------
        //if语句,一个分支
        //if-else,两个分支
        //if-else-if ,  多个分支
        /*
        *语法:
        * if(表达式1){
        *   代码
        * }
        * else if(表达式2){
        *   代码
        * }
        * else if(表达式3){
                代码
        * }
        * else{    //else可以不用写
        *   代码
        * }
        * */

        var score=Number(prompt("请输入你的成绩"));
        if(score>=90&&scroe<=100){     //要用&&  不能直接连写
            console.log("A");
        }
        else if(score>=80&&score<=90){
            console.log("B");
        }
        else if(score<=80&&score>=70){
            console.log("C");
        }
        else if(score<=70&&score>=60){
            console.log("D");
        }
        else if(score<60){
            console.log("不及格");
        }
        else{
            console.log("您输入有误");
        }

        //判断一个年份是不是闰年
        var year=2016;
        if (year%4==0&&year%100!==0||year%400==0) {
            console.log("闰年");
        }
        else{
            console.log("不是闰年");
        }

        //—-----------------------------------------switch-case 语句----------------------------------------------------
        // switch-case语句  多个分支,一种结果
        /*语法:
        * switch(判断表达式){
        *   case 值1:代码;break;
        *   case 值2:代码;break;
        *   case 值3:代码;break;
        *   case 值4:代码;break;
        *   ......
        * default:代码5;
        * }
        *
        * 遇到break结束
        * */

        //例子
        var score = "A";
        switch (score) {
            case "A":
                console.log("分数在90到100之间");
                break;
            case "B":
                console.log("分数在80到90之间");
                break;
            case "C":
                console.log("分数在70到80之间");
                break;
            case "D":
                console.log("分数在60到70之间");
                break;
            default:
                console.log("不及格");
        }

        //switch-case 注意问题:
        /*
        * 1、default后面的break可以省略
        * 2、default 叶可以省略
        *
        * */

        //例子
        var number = "10";  //字符串
        console.log(10==="10");  //fasle  严格不想等
        console.log(10=="10");  //true     不严格相等
        switch(number){
            case 10:console.log("数字的10");break;
            case "10":console.log("字符串的10");break;
        }

        //例子,根据月份显示出对应的天数    重复输出部分可以省略
        var month = 8;
        switch(month){
            case 1:
            case 3:
            case 5:
            case 7:
            case 8:
            case 10:
            case 12:console.log("31天");break;   //前面相同部分省略

            case 2: console.log("28天");

            case 4:
            case 6:
            case 9:
            case 11:console.log("30天");
    </script>
</head>
<body>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_40422393/article/details/89302506
007