07-分支结构
晴空闲云 530 1

本节目标

  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()方法。
评论区

索引目录