【JavaScript】7 - JavaScript流程控制-分支

最新推荐文章于 2022-09-15 18:23:43 发布

郑SaScha

最新推荐文章于 2022-09-15 18:23:43 发布

阅读量640

点赞数

分类专栏：【JavaScript】

本文链接：https://blog.csdn.net/m0_53493562/article/details/118784667

版权

JavaScript流程控制-分支

需要思考的问题：

什么是if分支语句？
什么是switch分支语句？
什么是三元表达式？

1、流程控制

在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。

很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。

简单理解：流程控制就是来控制我们的代码按照什么结构顺序来执行；

流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。

在这里插入图片描述

2、顺序流程控制

顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺序，依次执行，程序中大多数的代码都是这样执行的。

在这里插入图片描述

3、分支流程控制`if`语句

3.1 - 分支结构

由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码**(执行代码多选一的过程 )** ，从而得到不同的结果。

在这里插入图片描述

JS语言提供了两种分支结构语句

if语句
switch 语句

3.2 - `if`语句

语法结构

        //条件成立执行代码,否则什么也不做
        if (条件表达式) {
   
            //条件成立执行的代码语句
        };

如果if里面的条件表达式结果为真true；则执行大括号里面的执行语句。
如果if条件表达式结果为假，则不执行大括号里面的语句；则执行if语句后面的代码。

语句可以理解为一个行为，循环语句和分支语句就是典型的语句。一个程序由很多个语句组成，一般情况下，会分割成一个一个的语句。

        if (3 > 5) {
   
            alert('豆沙啃菠萝');
        }
        //每次只执行一次

执行流程

在这里插入图片描述

3.3 - 案例：进入网吧

要求：弹出一个输入框，要求用户输入年龄；如果年龄大于等于18岁，允许进网吧。

案例分析

弹出prompt()输入框，用户输入年龄，程序把这个值取过来保存到变量中；
使用if语句来判断年龄，如果年龄大于18就执行if大括号里面的输出语句。

        var age = prompt("请输入您的年龄");
        if (age >= 18) {
   
            alert('我想带你去网吧啃豆沙');
        }

在这里插入图片描述

3.4 - `if...else`语句(双分支语句)

语法结构

        //条件成立执行if里面代码,否则执行else里面的代码
        if (条件表达式) {
   
            // [如果]条件成立执行的代码
        } else {
   
            // [否则]执行的代码
        }

执行流程

在这里插入图片描述

        var age = prompt("请输入您的年龄");
        if (age >= 18) {
   
            alert('我想带你去网吧炒番茄');
        } else {
   
            alert('你还是回去用西红柿炒鸡蛋')
        }
		// if里面的 语句1 和else里面的 语句2 最终只能有一个语句执行:2选1
		// else后面直接跟大括号