美文网首页
前端if和switch的使用和区别

前端if和switch的使用和区别

作者: _Clown_ | 来源:发表于2018-11-05 19:10 被阅读0次

    首先是if语句:

    if (条件表达式1){  //条件判断
        //n多语句1
    }else if(条件表达式2){
        //n多语句2
    }else if(条件表达式3){
        //n多语句3
    }
    else{
        //n多语句n
    }
    
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>if练习1</title>
            <script type="text/javascript">
                /*
                从键盘输入小明的期末成绩:
                当成绩为100时,'奖励一辆BMW'
                当成绩为[80-99]时,'奖励一台iphone15s'
                当成绩为[60-80]时,'奖励一本参考书'
                其他时,什么奖励也没有
                 */
                
                /*
                prompt()可以弹出一个提示框,该提示框中会带有一个文本框,
                用户可以在文本框中输入一段内容,该函数需要一个字符串作为参数,该字符串将会作为提示框的提示文字
                
                用户输入的内容将会作为函数的返回值返回,可以定义一个变量来接收该内容
                 */
                //score就是小明的期末成绩
                var score = prompt("请输入小明的期末成绩(0-100):");
                
                
                //判断值是否合法
                if(score > 100 || score < 0 || isNaN(score)){
                    alert("拉出去毙了~~~");
                }else{
                    //根据score的值来决定给小明什么奖励
                    if(score == 100){
                        //奖励一台宝马
                        alert("宝马,拿去开~~~");
                    }else if(score >= 80){
                        //奖励一个手机
                        alert("手机,拿去玩~~~");
                    }else if(score >= 60){
                        //奖励一本参考书
                        alert("参考书,拿去看~~~");
                    }else{
                        alert("棍子一根~~");
                    }
                }
            </script>
        </head>
        <body>
            
        </body>
    </html>
    

    if用于条件判断,具有范围性,可用于对输入数据进行限制

    这是switch语句:

    switch (表达式){   //表达式通常为变量,对case的语句进行匹配
        case 情况1: //这里为冒号不是分号
            n多语句;
            break;  //跳出switch语句
        case 情况2:
            n多语句;
            break;
            ...
            ...
        default:
            n多语句;
    }
    
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>switch练习2</title>
            <script type="text/javascript">
                /*
                 * 从键盘接收整数参数,如果该数为1-7,打印对应的星期,否则打印非法参数。
                 */
                var week = +prompt("请输入1-7之间的一个整数:");
    
                switch(week){
                    case 1:
                        alert('星期一');
                        break;//结束整个switch语句
                    case 2:
                        alert('星期二');
                        break;
                    case 3:
                        alert('星期三');
                        break;
                    case 4:
                        alert('星期四');
                        break;
                    case 5:
                        alert('星期五');
                        break;
                    case 6:
                        alert('星期六');
                        break;
                    case 7:
                        alert('星期日');
                        break;
                    default:
                        alert('不合法');
                        break;
                }
            </script>
        <body>
        </body>
    </html>
    
    
    

    switch倾向对某预定数值的匹配,例如某网页中点某连接跳转到某地址,没有进行条件判断

    且switch不支持float型,布尔型。

    相关文章

      网友评论

          本文标题:前端if和switch的使用和区别

          本文链接:https://www.haomeiwen.com/subject/drcexqtx.html