四、流程控制语句:条件判断语句if语句和条件分支语句switch语句

流程控制语句

JS中的程序是从上到下一行一行执行的
通过流程控制语句可以控制流程,使程序可以根据一定条件来选择执行
语句分类:

  1. 条件判断语句
  2. 条件分支语句
  3. 循环语句

条件判断语句:

使用条件判断语句可以在执行某个语句之前进行判断,条件成立则执行语句,不成立则不执行
if 语句
语法一:
if(条件表达式)
语句
if语句在执行时,会先对条件表达式进行求值判断,
如果表达式的值为true,则执行if后的语句
if语句只能控制紧随其后的那个语句,
如果希望控制多条语句,可以放到一个代码块
if语句中的代码块不是必须的,但开发中通常写上,如下:

if(条件表达式){
                    语句...
                }

语法二:

if(条件表达式){
                   语句...
               }else{
                   语句...
               }

语法三:

if(条件表达式){
                    语句...
                }else if(){
                    语句...
                }else if(){
                    语句...
                }else{
                    语句...
                }

语句中只会执行一个代码块,执行完后语句结束,后面都不执行

代码块:程序是由一条一条的语句构成的,语句按照自上向下的顺序一条一条执行,在JS中可以使用{}来为语句进行分组,同一个{}中的语句称为一组语句(或称为代码块),要么都执行,要么都不执行,在代码块的后边就不用再编写;了。
JS中的代码块,只具有分组的作用,没有其他用途。
代码块内部的内容,在外部完全可见。

if语句练习一

从键盘输入小明的期末成绩:
* 当成绩为100时,'奖励一辆BMW'
* 当成绩为[80-99]时,'奖励一台iphone15s'
* 当成绩为[60-80]时,'奖励一本参考书'
* 其他时,什么奖励也没有

提示:prompt()可以弹出一个提示框,带有一个文本框,用户可以在文本框中输入一端内容,将会作为返回值(String)返回。

var score = prompt("Please input your score(0-100):");
        if(score > 100 || score<0 || isNaN(score)){
           alert("I'm going to kill you!");// 进行输入数据非法判断
        }else{
           if(score == 100){
            alert("Reward a car");
            }else if(score>=80){
            alert("Reward a mobile phone");
            }else if(score>=60){
            alert("Reward a book");
            }else{
            alert("fuck off , son of a  bitch" );
            } 

if语句练习二

  • 大家都知道,男大当婚,女大当嫁。那么女方家长要嫁女儿,当然要提出一定的条件:
  • 高:180cm以上; 富:1000万以上; 帅:500以上;
  • 如果这三个条件同时满足,则:'我一定要嫁给他'
  • 如果三个条件有为真的情况,则:'嫁吧,比上不足,比下有余。'
  • 如果三个条件都不满足,则:'不嫁!'
var body_height = prompt("请输入身高cm:");
        var money = prompt("请输入存款w:");
        var handsome = prompt("请输入颜值:");
        if(body_height > 180 && money > 1000 && handsome>500){
            alert("我一定要嫁给他!!");
        }else if(body_height > 180 || money > 1000 || handsome>500){
            alert("嫁吧,比上不足比下有余。");
        }else{
            alert("不嫁!!!");
        } 

if语句练习三

编写程序,由键盘输入三个整数分别存入变量num1,num2,num3,
对他们进行排序,并且从大到小输出

        //prompt的返回值是String,使用+来达到将字符串转换为数值的效果
        var num1 = +prompt("请输入第一个整数:");
        var num2 = +prompt("请输入第二个整数:");
        var num3 = +prompt("请输入第三个整数:");
        
        if (num1>=num2 && num1>=num3){
            if(num2>=num3){
                alert(num1+","+ num2+","+num3 );
            }else{
                alert(num1+","+ num3+","+num2 );
            }
        }else if(num2>=num1 && num2>=num3){
            if(num1>=num3){
                alert(num2+","+ num1+","+num3 );
            }else{
                alert(num2+","+ num3+","+num1 );
            }
        }else{
            if(num1>=num2){
                alert(num3+","+ num1+","+num2 );
            }else{
                alert(num3+","+ num2+","+num1 );
            }
        }

条件分支语句

条件分支语句switch语句
语法:

                switch(条件表达式){
                    case 表达式:
                        语句...
                        break;
                    case 表达式:
                        语句...
                        break;
                    default:
                        语句...
                        break;
                }

执行流程:
依次将 case后的表达式的值和switch后的表达式的值进行全等比较如果比较结果为true,则从当前case处开始执行代码,如果比较结果为false,则继续向下比较。
使用break可以退出Switch语句,如果所有比较结果都为false,则执行default后的语句
switch语句与if语句的功能实际上有重复,理论上可以相互替代

Switch语句练习

对于成绩大于60分的,输出"合格",低于60分,输出"不合格"

var score = prompt("请输入成绩")
        switch(true){
            case score>=60:
                alert("合格");
                break;
            default :
                alert("不合格");
                break;
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容