第4章:Javascript的if选择结构

本章目标

  1. 掌握if选择结构
  2. 掌握if-else选择结构
  3. 掌握多重if选择结构
  4. 掌握嵌套if选择结构

课程回顾

  1. 运算符有那些?
  2. 比较运算符的作用是什么,有那些符号
  3. 逻辑运算符有那些?简要概述其作用

讲解内容

1. 为什么要使用选择结构?

  1. 生活中的案例:如果我包里有200元钱,就请大家吃饭?

    问题来了:那么我一定要请大家吃饭吗?

    第一种情况:钱>=200元,请大家吃饭

    第二种情况:钱<200元,不请大家吃饭

    通过上述生活中的案例,可以分析当满足一定条件,才能请大家吃饭,那么生活中很多这样的例子,如果在程序中如何实现呢?

    使用选择结构可以实现

2. 什么是选择结构?

 概念:选择结构用于基于不同的条件来执行不同的动作。通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

选择结构分类:

    1. if选择结构
      2. if-else选择结构
      3. 多重if选择结构
      4. 嵌套if选择结构
      5. switch选择结构

3. if选择结构

  1. 概念:只有当指定条件为 true 时,该语句才会执行代码

  2. 语法:

    1
    2
    3
    if(条件表达式){
    //执行代码
    }

    注意事项:

    当条件表达式为true时,执行里面代码

  3. 执行流程图:

    image-20211215160250965

  4. 案例:如果我包里有200元钱,请大家吃饭

    1
    2
    3
    4
    var money=150;//修改变量的值为300,看看效果
    if(money>=200){
    console.log("请大家吃饭~");
    }
  5. 练习题目 :如果张浩的Java考试成绩大于98分,张浩就能获得一个MP4作为奖励

  6. 多条件下的if:张浩JS成绩大于98分,而且音乐成绩大于80分,老师奖励他;或者JS成绩等于100分,音乐成绩大于70分,老师也可以奖励他

    思考:

    1. 找出题目的条件?

      1. js成绩>98 且 音乐成绩>80
      2. js成绩=100 且 音乐成绩>70

      以上任意一个条件满足都可以有奖励。

    2. 多个条件怎么连接?

      逻辑运算符,作用就是连接多个条件

      image-20211215161121158

    3. 案例:

      image-20211215161341154

    4. 练习题目:如果你年龄大于17,并且是高中生,或者年龄>20,并且学历为初中生那么可以学习JAVA

4. if-else选择结构

  1. 问题:如果我包里有200元钱,我请大家吃饭,否则大家请我吃饭!

    1. 思考:要么我请你们吃饭,要么你们请我吃饭
    2. 条件:钱>=200
    3. 怎么实现:if-else选择结构
  2. 语法:

    1
    2
    3
    4
    5
    if(条件表达式){//当条件成立为true,则执行“代码块1”,为false则执行代码块2
    代码块1;
    }else{
    代码块2;
    }
  3. 流程图:

    image-20211215162017204

  4. 案例:如果我包里有200元钱,我请大家吃饭,否则大家请我吃饭!

    1
    2
    3
    4
    5
    6
    var money=150;
    if(money>=200){
    console.log("请大家吃饭~");
    }else{
    console.log("大家请我吃饭~");
    }
  5. 练习题目:

    1. 题目一:
      如果张浩Java考试成绩大于98分,老师就奖励他一个MP4,否则老师就罚他进行编码

    2. 题目二:
      如果体彩中了500万,我买车、资助希望工程、去欧洲旅游
      如果没中,我买下一期体彩,继续烧高香

5. 多重if选择结构

  1. 问题:对学员的结业考试成绩评测,评测如下
    成绩>=80 :良好
    成绩>=60 :中等
    成绩<60 :差

    分析如下:

    1. 将成绩分成几个连续区间判断
    2. 单个if选择结构无法完成
    3. 多个if选择结构很麻烦
    4. 将成功分成如下区间:

image-20211215163713876

  1. 语法:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    if ( 成绩>=80) { 
    //代码块1
    }
    else if (成绩>=60) {
    //代码块2
    }
    else {
    //代码块3
    }
  2. 流程图:

    image-20211215164300324

  3. 代码实现:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    var score=90;//成绩

    if(score>=80){
    console.log("良好");
    }else if(score>=60){
    console.log("中等");
    }else{
    console.log("差");
    }
  4. 练习题目 :

    我想买车,买什么车决定于我在银行有多少存款
    如果我的存款超过500万,我就买凯迪拉克
    否则,如果我的存款超过100万,我就买帕萨特
    否则, 如果我的存款超过50万,我就买依兰特
    否则, 如果我的存款超过10万,我就买奥托
    否则, 如果我的存款10万以下 ,我买捷安特

6. 嵌套if选择结构

  1. 问题:学校举行运动会,百米赛跑跑入10秒内的学生有资格进决赛,根据性别分别进入男子组和女子组

  2. 分析:

    1. 判断是否能够进入决赛
    2. 在确定进入决赛的情况下,判断是进入男子组,还是进入女子组

    使用嵌套if实现

  3. 语法:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    if(条件1) {
    if(条件2) {
    代码块1
    } else {
    代码块2
    }
    } else {
    代码块3
    }

  4. 执行流程

    image-20211215165314672

  5. 代码实现:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    var score=10;//跑步时间

    if(score<10){//10秒以内才能进入决赛,才有资格分组
    var gender="男";//性别
    if(gender=="男"){
    console.log("恭喜你进入男子组决赛~");
    }else{
    console.log("恭喜你进入女子组决赛~");
    }
    }else{
    console.log("很遗憾,未能进入决赛~");
    }

课后作业

1.输入小明的考试成绩,显示所获奖励
成绩==100分,爸爸给他买辆车
成绩>=90分,妈妈给他买MP4
90分>成绩>=60分,妈妈给他买本参考书
成绩<60分,什么都不买

2.三个班,1班总分为s,2班总分为y,3班总分为z。求三个班的平均分和哪个班的分数最高。

3.2102班有,林健邦,邓家远,李成志,黄林超,这几位学生,输入学生名字,判断学生是否在本班。

4.机票的价格受季节旺季、淡季的影响,头等舱和经济舱价格也不同。机票原价5000元,请根据出行的月份和选择的仓位输出实际的机票价格。

4月到10月为旺季,反之为淡季
旺季 头等舱打9折,经济舱打8折
淡季 头等舱打5折,经济舱打4折

5.接受用户输入的月份,对应出相应的季节。

6.如果高160cm,年龄小于50岁以下就可以当兵,否则不满足条件

7.让用户输入两个数,输出大的那个数出来.

8.输入自己的名字(其他字符串也可以),输入还有年龄或其他数字,条件是两个答案都要正确,如果不正确提示输入错误,输入正确提示登录成功.

9.输入两个值,拿第一个值和第二个值自己给个运算符(加,减,乘,除:可用switch分支来做).

10.输入一个值,判断如果大于700分则提示恭喜你考入我校广创科技,如果不到就提示很遗憾你没有被录取。

11.输入两个值,判断较大的这个数是否是偶数。

12.小明第一天看猪猪侠8集,第二天看猪猪侠5集和光头强3集,猪猪侠一集时长是45分钟,光头强一集是30分钟,算出第一天看了多久,第二天看了多久,判断两天哪个时长更长。

13.输入语数英课程分数总和,如果到达280分,就可以进入广创,如果到达250分,就可以进入清华,否则回去读小学。