07JavaScript流程控制分支

1.流程控制

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

2.顺序流程控制

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

3.分支流程控制 if 语句

3.1.分支结构

• 由上到下执行代码的过程中&＃xff0c;根据不同的条件&＃xff0c;执行不同的路径代码&＃xff08;执行代码多选一的过程&＃xff09;&＃xff0c;从而得到不同的结果
  
• JS 语言提供了两种分支结构语句
  1 if 语句
  2 switch 语句

3.2.if 语句

1.if 的语法结构if (条件表达式) {执行语句}2.执行思路如果条件表达式为真&＃xff0c;则执行大括号里面的执行语句&＃xff1b;若条件表达式为假&＃xff0c;则不执行大括号里面的执行语句&＃xff0c;则执行if语句后面的代码。3.代码体验if (3 < 5) {alert("快乐老家");}


3.3.if else 语句&＃xff08;双分支语句&＃xff09;

1.if else 语法结构if (条件表达式) {执行语句1} else {执行语句2}2.执行思路如果条件表达式结果为真&＃xff0c;则执行语句1&＃xff0c;否则执行语句2。3.代码体验var age &＃61; prompt(&＃39;请输入您的年龄&＃xff1a;&＃39;);if (age >&＃61; 18) {alert(&＃39;来和我谈恋爱吧&＃xff01;&＃39;);} else {alert(&＃39;好好学习哦^^&＃39;);}4.语句1和语句2&＃xff0c;最终只能有一个语句执行&＃xff0c;即2选1。5.else里面直接跟大括号。


3.4.if else if 语句(多分支语句)

1. if else if 语法结构if (条件1) {执行语句1} else if (条件2) {执行语句2} else if (条件3) {执行语句3} else {执行语句4}2. 最后只执行一个语句


4.三元表达式

• 三元表达式也能做一些简单的条件选择。 有三元运算符组成的式子称为三元表达式。

1.语法结构表达式1 ? 表达式2 : 表达式3;2.执行思路如果表达式1为true&＃xff0c;则返回表达式2的值&＃xff1b;如果表达式1为false&＃xff0c;则返回表达式2。简单理解&＃xff1a;类似于 if else 双分支的简写。3.代码体验用户输入数字&＃xff0c;如果数字小于10&＃xff0c;则在前面补 0 &＃xff0c;比如01&＃xff0c;09 &＃xff0c;如果数字大于10&＃xff0c;则不需要补&＃xff0c;比如 20。var number &＃61; prompt(&＃39;请输入一个数字&＃39;);var result &＃61; number < 10 ? &＃39;0&＃39; &＃43; number : number;alert(result);


5.分支流程控制 switch 语句

5.1.switch语句

1.switch语句也是多分支语句&＃xff0c;也可以实现多选一&＃xff0c;它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时&＃xff0c;就可以使用switch。2.语法结构switch (表达式) {case value1:执行语句1;break;case value2:执行语句2;break;...default:执行最后的语句;}3.执行思路利用表达式的值和case后面的选项值进行匹配&＃xff0c;如果匹配得上&＃xff0c;就执行case里面的语句&＃xff1b;如果没有匹配上&＃xff0c;就执行default里面的语句。4.注意事项1 开发里面&＃xff0c;表达式常写成变量。2 表达式的值和case后面的选项值进行匹配时&＃xff0c;需要是全等关系&＃xff0c;必须值和数据类型都一致才行。3 如果当前的case里面没有break&＃xff0c;则不会推出switch&＃xff0c;而是进行下一个case。5.代码体验用户在弹出框里面输入一个水果&＃xff0c;如果有就弹出该水果的价格&＃xff0c; 如果没有该水果就弹出“没有此水果”。伪代码&＃xff1a;① 弹出 prompt 输入框&＃xff0c;让用户输入水果名称&＃xff0c;把这个值取过来保存到变量中。② 将这个变量作为 switch 括号里面的表达式。③ case 后面的值写几个不同的水果名称&＃xff0c;注意一定要加引号 &＃xff0c;因为必须是全等匹配。④ 弹出不同价格即可。同样注意每个 case 之后加上 break &＃xff0c;以便退出 switch 语句。⑤ 将 default 设置为没有此水果。真代码:var question&＃61; prompt(&＃39;小弗&＃xff0c;你想我吗&＃xff1f;&＃39;);switch (question) {case &＃39;想&＃39;:alert(&＃39;我也好想你啊╥﹏╥...&＃39;);break;case &＃39;不想&＃39;:alert(&＃39;可是我好想你&＃39;)break;default:alert(&＃39;乌乌想你想你&＃39;);}


5.2.switch 语句和 if else if 语句的区别

• ① 一般情况下&＃xff0c;它们两个语句可以相互替换
• ② switch…case 语句通常处理 case为比较确定值的情况&＃xff0c; 而 if…else…语句更加灵活&＃xff0c;常用于范围判断(大于、等于某个范围)
• ③ switch 语句进行条件判断后直接执行到程序的条件语句&＃xff0c;效率更高。而if…else 语句有几种条件&＃xff0c;就得判断多少次。
• ④ 当分支比较少时&＃xff0c;if… else语句的执行效率比 switch语句高。
• ⑤ 当分支比较多时&＃xff0c;switch语句的执行效率比较高&＃xff0c;而且结构更清晰。