javascript实践教程-07-分支结构

晴空闲云
• 阅读 965

本节目标

  1. 掌握js中4种分支结构。

内容摘要

本篇介绍了js中的4种分支结构:if、if else、else if、switch case,用来判断在不同的条件下运行不同的代码分支。

阅读时间10~15分钟。

分支结构

js中分支结构总共有4种:

if
if else
else if 
switch case

if

if 用来判断某个条件是否成立,如果成立则执行条件块里的代码。

语法结构:

if (condition) {
    当条件为 true 时执行的代码
}

示例1,输入一个绩效分数,判断是否大于90,如果大于等于90,那么输出:考核等级S。

let score = parseInt(window.prompt("请输入绩效分数:"));
if (score >= 90) {
    console.log("考核等级S");
}

if else

上面 if 只是当条件成立的时候执行对应的代码块,如果不成立也需要执行代码块,那就可以用 else 了。

语法结构:

if (condition) {
    当条件为 true 时执行的代码
} else {
    当条件为 false 时执行的代码
}

示例1,输入一个绩效分数,如果大于等于60,那么输出考核通过,否则输出:考核较差,需要再观察或者劝退。

let score = parseInt(window.prompt("请输入绩效分数:"));
if (score >= 60) {
    console.log("考核通过");
} else {
    console.log("考核较差,需要再观察或者劝退。");
}

else if

if 只能判断一个分支条件,如果需要判断多分支结构可以用 else if。

语法结构:

if (condition1) {
    当条件 condition1 为 true 时执行的代码
} else if (condition2) {
    当条件 condition2 为 true 时执行的代码
} else if (condition3) {
    当条件 condition3 为 true 时执行的代码
} ... else {
 上面条件都不满足时执行的代码
}

其中:

上面任何一个分支执行后,就不会再执行其他分支的内容了

示例1, 输入一个绩效分数,根据如下规则输出S、A、B、C、D

90~100:输出考核等级S,奖励3倍工资
80~89:输出考核等级A,奖励2倍工资
70~79:输出考核等级B,奖励1倍工资
60~69:输出考核等级C,不奖励,需要继续努力
0~59:输出考核等级D,考核较差,需要再观察或者劝退。
let score = parseInt(window.prompt("请输入绩效分数:"));
if (score >= 90 && score <= 100){
    console.log("考核等级S,奖励3倍工资");
} else if (score >= 80 && score < 90) {
    console.log("考核等级A,奖励2倍工资");
} else if (score >= 70 && score < 80) {
    console.log("考核等级B,奖励1倍工资");
} else if (score >= 60 && score < 70) {
    console.log("不奖励,需要继续努力");
} else if (score >= 0 && score < 60) {
    console.log("考核较差,需要再观察或者劝退。");
} else {
    console.log("不正确的分数");
}

switch case

语法结构:

switch(expression) {
    case 变量1:
    // 语句1代码块
    case 变量2:
    // 语句2代码块
    case 变量3:
    // 语句3代码块
    break;
    ...
    default:
    // 条件都不满足,执行代码块
}

示例1,用switch case实现判断周几是否上课:

周一:上课
周二:上课
周三:不上课
周四:上课
周五:上课
周六:不上课
周天:不上课

先询问用户今天是星期几,接受用户的答案后,判断输出今天是否上课。

let day = window.prompt("请输入星期几:");
switch (day) {
    case "周一":
        console.log("上课");
        break;
    case "周二":
        console.log("上课");
        break;
    case "周三":
        console.log("不上课");
        break;
    case "周四":
        console.log("上课");
        break;
    case "周五":
        console.log("上课");
        break;
    case "周六":
        console.log("不上课");
        break;
    case "周天":
        console.log("不上课");
        break;
    default :
        console.log("请输入正确的值");
        break;
}

本节总结

  1. js中4种分支结构:if、if else、else if、switch。

练习题

  1. 接受用户输入的四个数字a,b,c,d,将四个数中的最大值求出来(例如输出结果为:a的值为20,a最大)!
  2. 接收用户输入的字母,并判断是不是元音字母。
  3. 输入3个数,按大小输出这3个数(例如:用户输入的是:10 5 20,排序后为:5 10 20)
  4. 接收用户输入的一个2000年来的日期:2020.04.01,判断日期是否合法,比如:2020.04.31就不合法。
  5. 和电脑玩一个剪刀石头布的游戏,电脑随机出,用户输入剪刀、石头或者布,判断谁赢。提示:随机数可以参考Math.random()方法。
点赞
收藏
评论区
推荐文章
CuterCorley CuterCorley
1年前
商业数据分析从入门到入职(6)Python程序结构和函数
一、Python程序结构Python中,有3种常见的程序结构: Sequence顺序从上向下依次执行。 Condition条件满足某个条件则执行。 Loop循环重复执行某个动作。 1.if条件判断某个变量是否满足某个条件时如下:pythonpossibility_to_rain 0.7print(possibility_to_rain
晴空闲云 晴空闲云
1年前
javascript实践教程-02-javascript入门
本节目标1. 掌握如何编写javascript代码。2. 掌握javascript的3个弹框。3. 掌握javascript的注释。4. 掌握浏览器的调试工具控制台。 内容摘要本篇介绍了如何在网页上编写js代码,如何引入外部js代码文件,js的3个弹框、注释语法,还有浏览器调试工具的控制台使用。阅读时间1520分钟。 script标签如果我们需要在网页中编写
陈占占 陈占占
9个月前
python if的选择结构与循环
语句块:可以执行一次或者多次的语句,以冒号为标记,缩进结束就是语句块结束的时候判断条件:以bool类型为标志的,当条件为真就执行,为假就跳过。 if的基本结构: if 条件: ...... else: ...... note:要用冒号来结束代码块,用缩进区分代码块。 提示: i
Karen110 Karen110
1年前
一篇文章带你了解JavaScript switch
Switch是与if ... else ...相同的条件语句,不同之处在于switch语句允许根据值列表测试变量是否相等。switch 语句用于根据不同的条件执行不同的操作。一、Switch 语句使用switch语句选择要执行的多个代码块中的一个。 1\. 语法switch(expression) case n: code block
Wesley13 Wesley13
11个月前
java 选择结构if
图1-1      if…else if…else语句的流程图 ![](https://oscimg.oschina.net/oscnet/421d60a830835fe0a86905053cf0c13578d.png) 选择结构if语句与三元运算转换   三元运算符,它和if-else语句类似,语法如下:   判断条件 ? 表达式1 : 表达式2
Stella981 Stella981
11个月前
Git fetch
### 基于远程跟踪分支创建本地分支 如果你想基于远程跟踪分支创建本地分支(在本地分支上工作),你可以使用如下命令:git branch –track或git checkout –track -b,两个命令都可以让你切换到新创建的本地分支。例如你用git branch -r命令看到一个远程跟踪分支的名称为“origin/refactored”是你所需要的
Easter79 Easter79
11个月前
TortorliseGit删除分支
初次使用TortorliseGit的小伙伴,怕是很难找到删除分支的菜单。本文介绍如何使用TortorliseGit删除分支。 右键项目,点击“Switch/Checkout”菜单 ![](https://waylau.com/images/post/20200322-checkout.jpg) 在点击右侧的三个小点 ![](https://wayla
Wesley13 Wesley13
11个月前
C语言二次系统学习3(分支循环、函数)
本次学习,主要针对语句和函数两部分进行学习。 分支语句(if,switch)与循环语句(while,for,do while) switch语句中,在每个选择之后如果不进行break跳出,会执行下一个case,而且应注意default语句的使用,一般会放在{}代码块的后方 do while语句中,会首先执行一次循环,再进行判定,所以使用相对较少。whi
Stella981 Stella981
11个月前
Python—语法基础(8) 分支、循环结构
分支紧凑格式:<表达式1> if <条件> else <表达式2> # 分支结构 if <条件1> : <语句块1> elif <条件2> : <语句块2> …… else : <语句块N> # 异常处理 try :
Stella981 Stella981
11个月前
Git 技巧
在日常开发中,我们经常需要创建新分支,如果希望新分支仅对本人可见,则创建一个本地分支,如果希望在多个成员之间共享,则创建一个远程分支,其他成员可以通过 pull 或 fetch 命令拉取远程分支。本文主要讨论远程分支的创建方法。有两种方式可以创建一个远程分支,一是在远程仓库上直接创建,例如我们可以在GitHub或码云的Web界面上创建远程分支;二是在先创建一
Stella981 Stella981
11个月前
JavaScript if 条件语句
**JavaScript if 条件语句** **使用:** if(条件){ }else if(条件){ }else if(条件){ }else{ } **示例:** // 判断相等 if(1==1){ } // 判断不等 if(1!=1){ } //
晴空闲云
晴空闲云
Lv1
教师
专注前端,把复杂的编程讲简单,又不失深度。@公众号:晴空闲云
26
文章
3
粉丝
2
获赞