当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js语法之if语句讲解

js语法之if语句讲解

2019年05月04日  | 移动技术网IT编程  | 我要评论

1条件判断语句

\

1.1if语句

1.1.1 格式

语法格式如下：

if(expression){

statement1

}

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

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

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

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

1.1.2 eg

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

1.2if…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.3if…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.1if语句

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

2.2if…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.3if…else if语句

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网