JavaScript 流程控制（if /else if / else /switch 语句 / 三元表达式）

野性酷女 2023-10-04 14:59 49阅读 0赞

\*\#一、if / else / else if 语句\# \*  
1、if 语句  
1.1基本知识  
if 可以理解成如果的意思，在判断时如果if语句的条件成立，则执行if语句内的代码块，如果不成立就不执行。在编程语言中，这是是一个常见的语句，但是各个在语法结构上有不同的地方，但是使用场景大同小异。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MTAzMzQ2MQ_size_16_color_FFFFFF_t_70_pic_center]  
1.2 语法结构  
// 条件成立执行代码，否则什么也不做  
if (条件表达式) \{  
// 条件成立执行的代码语句  
\}  
1.3例子：

var usrAge = prompt('请输入您的年龄：');
    if(usrAge >= 18){
        
     alert('您的年龄合法，欢迎来天际网吧享受学习的乐趣！');
    }

2，if else语句（双分支语句）

2.1、基本知识
    	这里比if语句多了一个else可理解成否则的意思，if语句条件如果不成立，则执行else内的代码块
    2.2、语法结构
    						// 条件成立 执行 if 里面代码，否则执行else 里面的代码
    					if (条件表达式) {
    					 // [如果] 条件成立执行的代码
    					} else {
    					 // [否则] 执行的代码
    					}
    	2.3、举例

if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
        
     alert("这个年份是闰年");
     } else {
         // 剩下的是平年
     alert("这个年份是平年");
     }

3、if else if 语句(多分支语句)

3.1、基本理论
    	else if 可以理解成多了一个if语句的条件判断。
    3.2、语法结构
    				// 适合于检查多重条件。
    		if (条件表达式1) {
    		 语句1；
    		} else if (条件表达式2) {
    		 语句2；
    		} else if (条件表达式3) {
    		 语句3；
    		....
    		} else {
    		 // 上述条件都不成立执行此处代码
    		}
    	3.3、举例说明（成绩判定）

## 二、	三元表达式
    	1、基本知识
    		三元表达式能做一些简单的条件选择。 有三元运算符组成的式子称为三元表达式
    	2、语法结构
    	表达式1 ? 表达式2 : 表达式3;
    		（注意，表达式1是判断的条件，表达式2判断条件为true（真）执行，表达式3判断条件为false（假）时执行。
    		中间分别用英文半角问号（?）和英文半角冒号（:）隔开）
    	3、举例说明

var time = prompt('请您输入一个 0 ~ 59 之间的一个数字');
    // 三元表达式 表达式 ？ 表达式1 ：表达式2
    var result = time < 10 ? '0' + time : time; // 把返回值赋值给一个变量
    alert(result);

### switch语句 ###

1、基本理论  
switch 语句也是多分支语句，它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值  
的选项时，就可以使用 switch。

2.语法结构

switch( 表达式 )\{  
case value1:  
// 表达式 等于 value1 时要执行的代码  
break;  
case value2:  
// 表达式 等于 value2 时要执行的代码  
break;  
default:  
// 表达式 不等于任何一个 value 时要执行的代码  
\}

switch ：开关 转换 ， case ：小例子 选项  
 关键字 switch 后面括号内可以是表达式或值， 通常是一个变量  
 关键字 case , 后跟一个选项的表达式或值，后面跟一个冒号  
 switch 表达式的值会与结构中的 case 的值做比较  
 如果存在匹配全等(===) ，则与该 case 关联的代码块会被执行，并在遇到 break 时停止，整个 switch 语句代码  
执行结束  
 如果所有的 case 的值都和表达式的值不匹配，则执行 default 里的代码  
分支流程控制 switch 语句  
语法结构  
注意： 执行case 里面的语句时，如果没有break，则继续执行下一个case里面的语句。

3、举例说明

var fruit = prompt('请您输入查询的水果:');
    switch (fruit) {
        
    case '苹果':
    alert('苹果的价格是 3.5/斤');
    break;
    case '榴莲':
    alert('榴莲的价格是 35/斤');
    break;
    default:
    alert('没有此水果');
    }

以上就是if /switch语句和三元表达式的相关知识

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MTAzMzQ2MQ_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20210531165229402.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MTAzMzQ2MQ==,size_16,color_FFFFFF,t_70#pic_center