JavaScript之循环

程序三大流程控制语句

●以前我们写的代码,写几句就从上往下执行几句,这种叫顺序结构

●有的时候要根据条件选择执行代码,这种就叫分支结构

●某段代码被重复执行,就叫循环结构

---

分支语句

●分支语句可以让我们有选择性的执行想要的代码

●分支语句包含:

▶If分支语句

▶ 三元运算符

▶ switch 语句

1.if语句

· if语句有三种使用:单分支、双分支、多分支

 单分支

<script>
        if (条件)
        {
            满足条件要执行的代码
        }
    </script>

 括号内的条件为true时,进入大括号里执行代码

▶ 小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型

如果大括号只有一个语句,大括号可以省略,但是,俺们不提倡这么做~

课堂练习

用户输入高考成绩

如果大于750分，则输出“怎么可能？？你开挂了？！”

如果大于600分少于750分，则输出“恭喜您考入一本大学！”

如果大于500分少于600分，则输出“恭喜您考入二本大学！”

如果低于500分则输出“恭喜您考入大专，大专人大专魂！”

<script>
        let a = prompt('请输入您的高考成绩：')
        if(a > 750)
        {
            document.write("怎么可能？？你开挂了？！")
        }
        if(a >= 560 && a <= 750)
        {
            document.write("恭喜您考入一本大学！")
        }
        if(a > 500 && a < 560)
        {
            document.write("恭喜您考入二本大学！")
        }
        if(a <= 500)
        {
            document.write("恭喜您考入大专，大专人大专魂！")
        }
    </script>

双分支

语法：

<script>
        if(条件)
        {
            输出内容
        }
        else
        {
            输出内容
        }
    </script>

 课堂练习

用户输入，用户名：lk，密码：123，则提示“登录成功！你果然过目不忘！”，否则提示“是不是忘了？别灰心！再想想吧”

<script>
        let username = 'lk'
        let password = '123'
        let userName = prompt("请输入您的账号：")
        let userPassword = prompt("请输入您的密码：")
        if (userName === username && userPassword == password)
        {
            alert("登陆成功！你果然过目不忘！")
        }
        else
        {
            alert("是不是忘了?别灰心！再想想吧")
        }
    </script>

多分支

语法：

<script>
        if(条件1) //若符合条件1则执行代码1，否则继续向下判断条件2是否满足
        {
            代码1
        }  
        else if(条件2) //若符合条件2则执行代码2，否则继续向下判断条件3是否满足
        {
            代码2
        }
        else if(条件3) //若符合条件3则执行代码3，否则继续向下判断条件3是否满足
        {
            代码3
        }
        else  //若以上都不满足则执行代码4
        {
            代码4
        }
    </script>

课堂练习

根据输入不同的成绩,反馈不同的评价

1:成绩90以上是 优秀

2:成绩70~90是 良好

3:成绩是60~70之间是 及格
4:成绩60分以下是 不及格

答案：

 <script>
        //声明score变量接收用户输入的成绩
        let score = prompt("请输入您的成绩：")
        //开始判断
        if (score >= 90 && score <=100)
        {
            document.write("优秀")
        }
        else if(score >= 70 && score < 90)
        {
            document.write("良好")
        }
        else if(score >= 70 && score <= 60)
        {
            document.write("及格")
        }
        else if(score < 60)
        {
            document.write("不及格")
        }
        else
        {
            document.write("输入有误，请再检查检查！")
        }
    </script>

三元运算符

使用场景：一般用来取值

语法：

条件?满足条件执行的代码:不满足条件执行的代码

 示例：

判断3小于5是否正确

 <script>
        //判断3是否小于5,若小于则获取"正确",否则获取"错误",用a接收结果
       let a = 3 < 5 ? "正确" : "错误"
       alert(a)
    </script>

课堂练习

判断最大值

代码：

<script>
        let a = prompt("数字1：")
        let b = prompt("数字2：")
        let c = a > b ? a : b
        document.write(c)
    </script>