js--2.语法-13.if_jianjia2模板if 的&&语法-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_26553781/article/details/78998565

本文详细介绍了JavaScript中的条件语句，包括if语句、if...else语句和if...elseif语句的语法格式及使用方法，并通过具体示例加深理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 条件判断语句

1.1 if语句

1.1.1 格式

语法格式如下：

if(expression){

statement1

}

if语句在执行时，会先对条件表达式进行求值判断，

如果条件表达式的值为true，则执行if后的语句，如果条件表达式的值为false，则不会执行if后的语句。

if语句只能控制紧随其后的那个语句, 如果希望if语句可以控制多条语句，可以将这些语句统一放到代码块中

if语句后的代码块不是必须的，但是在开发中尽量写上代码块，即使if后只有一条语句

关于条件表达式的判断：参看Boolean（）

http://blog.youkuaiyun.com/qq_26553781/article/details/78991762

1.1.2 eg

var a = 20;
          
if(a > 10 && a <= 20){
    alert("a大于10，并且 a小于等于20");
}

1.2 if…else语句

1.2.1 格式

if(expression){

statement1

}else{

statement2

}

当该语句执行时，会先对if后的条件表达式进行求值判断，

如果该值为true，则执行if后的语句

如果该值为false，则执行else后的语句

1.2.2 eg

var age = 50;
          
           if(age >= 60){
              alert("你已经退休了~~");
           }else{
              alert("你还没退休~~~");
           }

1.3 if…else if语句

1.3.1 格式

语法格式如下：

if (expression 1){

statement1

}else if(expression 2){

statement2

}

…

else{

statementn+1

}

1.3.2 eg

age = 200;
          
           if(age > 100){
              alert("活着挺没意思的~~");
           }else if(age > 80){
              alert("你也老大不小的了~~");
           }else if(age > 60){
              alert("你也退休了~~");
           }else if(age > 30){
              alert("你已经中年了~~");
           }else if(age > 17){
              alert("你已经成年了");
           }else{
              alert("你还是个小孩子~~");
           }

2 练习

2.1 if语句

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

2.2 if…else语句

<scripttype="text/javascript">
                            /*
                             *   大家都知道，男大当婚，女大当嫁。那么女方家长要嫁女儿，当然要提出一定的条件：
                             *     高：180cm以上; 富:1000万以上; 帅:500以上;
                             *     如果这三个条件同时满足，则:'我一定要嫁给他'
                             *     如果三个条件有为真的情况，则:'嫁吧，比上不足，比下有余。'
                             *     如果三个条件都不满足，则:'不嫁！'
                             */
                           
                            varheight = prompt("请输入你的身高(CM):");
                            varmoney = prompt("请输入你的财富(万):");
                            varface = prompt("请输入你的颜值(PX):");
                           
                            //如果这三个条件同时满足，则:'我一定要嫁给他'
                            if(height> 180 && money > 1000 && face > 500){
                                     alert("我一定要嫁给他~~");
                            }elseif(height > 180 || money > 1000 || face > 500){
                                     //如果三个条件有为真的情况，则:'嫁吧，比上不足，比下有余。'
                                     alert("嫁吧，比上不足，比下有余。");
                            }else{
                                     //如果三个条件都不满足，则:'不嫁！'
                                     alert("不嫁。");
                            }
                           
                   </script>

2.3 if…else if语句

<scripttype="text/javascript">
                            /*
                             *   编写程序，由键盘输入三个整数分别存入变量num1、num2、num3，
                             *   对他们进行排序，并且从小到大输出。
                             */
                           
                            //获取用户输入的三个数
                            /*
                             * prompt()函数的返回值是String类型的
                             */
                            varnum1 = +prompt("请输入第一个数:");
                            varnum2 = +prompt("请输入第二个数:");
                            varnum3 = +prompt("请输入第三个数:");
                           
                           
                            //找到三个数中最小的数
                            if(num1< num2 && num1 < num3){
                                     //num1最小，比较num2和num3
                                     if(num2< num3){
                                               //num1num2 num3
                                               alert(num1+","+num2 + ","+num3);
                                     }else{
                                               //num1num3 num2
                                               alert(num1+","+num3 + ","+num2);
                                     }
                                    
                            }elseif(num2 < num1 && num2 < num3){
                                     //num2最小，比较num1和num3
                                     if(num1< num3){
                                               //num2num1 num3
                                               alert(num2+","+num1 + ","+num3);
                                     }else{
                                               //num2num3 num1
                                               alert(num2+","+num3 + ","+num1);
                                     }
                                    
                            }else{
                                     //num3最小,比较num1和num2
                                     if(num1< num2){
                                               //num3 num1 num2
                                               alert(num3+","+num1 + ","+num2);
                                     }else{
                                               //num3num2 num1
                                               alert(num3+","+num2 + ","+num1);
                                     }
                                    
                            }
                           
                           
                   </script>