JavaScript-流程控制if

流程控制语句

JS中的程序是从上到下执行的。

通过流程控制语句可以控制程序执行流程，使程序可以根据一定的条件来选择执行。

语句的分类及使用

分为3类，条件判断语句、条件分支语句、循环语句。

条件判断语句

使用条件判断语句可以在执行某个语句之前进行判断，如果条件成立才会执行语句，条件不成了则语句不执行。

• if语句

语法一：

if(条件表达式)｛
    语句
｝

if语句在执行时，会先对条件表达式进行判断，如果条件表达式的值为true，则执行if后的语句，如果条件表达式的值为false，则不会执行if后的语句。

a = 10
if (a > 10)
    alert(`a比10大`)

if语句只能控制紧随其后的一条语句

if(false)
    alert('溏心蛋想出来')\\不执行
    alert('溏心蛋出来了')\\执行

如果xwrif语句可以控制多条语句，可以讲这些语句统一放到代码块中

if(true)
{
    alert('溏心蛋想出来') \\ 执行
    alert('溏心蛋出来了') \\ 执行
}

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

语法二：

if(条件表达式)｛
    语句...
｝else｛
    语句...
｝

if…else…语句

当该语句执行时，会先对if后的条件表达式进行求值判断，
如果该值为true，则执行if后的语句
如果该值为false，则执行else后的语句
体验：

age = 20
if(age >= 18)｛
    alert('你已经成年啦') \\ 执行
｝else{
    alert('你还没有成年哦') \\ 不执行
}

语法三：

 if(条件语句){
    语句…
}else if(条件语句){
    语句…
}else{
    语句…
}

if…else if…else
当该语句执行时，会从上到下依次对条件表达式进行求值判断
如果值为true，则执行当前语句
如果值为false，则继续向下判断。
体验

a = 18
 if(a = 18){
    alert('和溏心蛋一样大诶)
}else if(a > 18){
    alert('比溏心蛋大了哦')
}else{
    alert('比溏心蛋要小哦')
}

如果所有条件都不满足，则执行最后应该else后的语句
该语句只会有一个代码块被执行，一旦代码块被执行，则结束语句

if-练习

练习一

需求：从键盘输入小明的期末成绩：当成绩为100是，奖励一辆BWM;当成绩为[80-99]时，奖励一台iPhone100；当成绩为[60-80]时，奖励一本参考书；其他时，什么奖励也没有。

prompt() ：可以弹出一个提示框，该提示框中会带有一个文本框，用户可以在文本框中输入一段内容，该函数需要一个字符串作为参数，该字符串将会作为提示框的提示文字。
代码

prompt('溏心蛋是大帅逼')

效果

用户输入的内容将会作为函数的返回值，可以定义一个变量来接收该内容。

a = prompt('溏心蛋是大帅逼')

• 步骤分析

1. 由用户输入成绩
2. 判断成绩的范围
3. 输出结果

    // 1. 用户输入成绩
    score = prompt('请输入小明的成绩：')
    // 1.2 判断值的合法性
    if (score > 100 || score < 0 || is
    NaN(score)）{
    alert('该值不合法')｝else｛
            // 2. 判断成绩的范围
        if (score = 100){
            // 3. 输出结果
            alert('奖励一辆BWM')
        }else if(score >= 80){
            // 3. 输出结果
            alert('奖励一台iPhone100')
        }else if(score >= 60){
            // 3. 输出结果
            alert('奖励一本参考书')
        }else{
            // 3. 输出结果
            alert('啥都没有')
        }
    }

练习二

需求：男大当婚，女大当嫁。那么女方家长要嫁女儿，当然要提出一定的条件；高180cm以上；富：1000万以上；帅：500以上；如果3个条件同时满足，则：‘我一定要嫁给他’；如果三个条件有为真的情况，则：‘嫁吧，比上不足比下有余。’；如果三个条件都不满足，则：‘不嫁’。
步骤分析：

1. 用户输入自身条件
2. 初步盘点条件
3. 最终判断并输出结果

\\ 1. 用户输入
height = prompt('请输入你的身高(CM):')
money = prompt('请输入你的财富(万):')
face = prompt('请输入你的颜值(CM):')
\\ 2. 初步判断
cont = 0
if( height >= 180){
    alert('身高高于180')
    cont += 1
}else{
    alert('身高不足一米八')
}
if( money >= 1000){
    alert('财富大于1000万')
    cont += 1
}else{
    alert('财富不足一千万')
}
if( face >= 500){
    alert('颜值好高')
    cont += 1
}else{
    alert('颜值不够')
}
\\ 3. 最终判断并输出结果
\\ 3.1 判断数字的合法性
if (score > 3 || score < 0 || isNaN(score)）{
    alert('该值不合法')｝else｛
    if(cont == 0){
        alert('不嫁！')
    }else if(cont == 3){
        alert('我一定要嫁给他')
    }else{
        alert('嫁吧，比上不足比下有余。')
    }
｝

练习三

需求：编写程序，由键盘输入三个整数分别存入变量num1、num2、num3，对他们进行排序，并且从小到大输出。
步骤分析：

1. 用户输入数字
2. 数字比较
3. 输出结果

作为课后练习，大家要仔细想想哦