JavaScript

Ⅰ.JavaScript流程控制-分支

流程控制：再一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。

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

 

①顺序流程控制

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

②分支流程控制

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

Js语言提供两种分支结构语句：if语句、switch语句

【if语句】

If(条件表达式){

//执行语句

}

执行思路：若if里的条件表达式结果为真，则执行大括号里的执行语句，反之，则执行if语句后面的代码。

【if else语句】

If（条件表达式）{
//条件成立执行代码，语句1

}

else{//条件不成立执行代码，语句2}

执行思路：如果表达式结果为真，执行语句1，反之，执行语句2。If和else中的语句最终只能有一句执行。<二选一>

【if else if语句】

多分支语句，利用多个条件来选择不同的语句执行，得到不同的结果<多选一>

If（条件表达式1）{

//语句一

}else if（条件表达式2）{

//语句2}

else if（条件表达式3）{

//语句3}

......

else{

//最后的语句}

执行思路：如果条件表达式1满足就执行语句1，执行完毕后，退出if分支语句；若条件表达式1不满足，则判断条件表达式2，满足，则执行语句2，以此类推；若所有条件表达式都不成立，则执行else里的语句。

*多分支语句还是多选1，最后只有一个语句可以执行

*else if里的条件是可以任意多个的

*else if中间一定要有空格

③三元表达式：有三元运算符组成的式子

语法结构：
条件表达式？表达式1：表达式2

执行思路：若条件表达式结果为真，返回表达式1的值，反之，则返回表达式2的值

【switch语句】

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

语法结构：

var num=5;

switch(num){

case value1:

执行语句1;

break;

case value2:

执行语句2;

break;

case value3:

执行语句3;

break;

...

default:执行最后的语句;
}

执行思路：利用我们的表达式的值和case后面的选项值相匹配，匹配上，就执行该case里的语句，以此类推，都没匹配上，就执行default里的语句

*num的值和case里的值相匹配时是全等，值和数据类型要一致

*若当前的case中没有break，则会继续执行下一个case

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

①一般情况下，它们可以相互替代

②switch..case语句通常处理case为比较确定值的情况，而if...else...if更加灵活，常用于范围判断

③switch语句进行条件判断后直接执行到程序的条件语句，效率更高。而if...else语句有几种条件，就得判断多少次

④当分支比较少时，if...else语句的执行效率比switch语句高

⑤当分支比较多时，switch语句的执行效率比较高，而且结构清晰

Ⅱ.循环

循环的目的：在实际问题中，有许多具有规律性的重复 *** 作，在程序中要完成这类 *** 作就需要重复执行某些语句。

①for循环

在程序中，一组被重复执行的语句被称为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称为循环语句。

语法结构：

for(初始化变量;条件表达式; *** 作表达式）{
//循环体；

}

*初始化变量：就是用var声明的一个普通变量，通常用于作为计数器使用

*条件表达式：就是用来决定每一次循环是否继续进行，即终止的条件

* *** 作表达式：每次循环最后执行的代码，通常用于对计数器变量的更新（递增或递减）

---断点调试：断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，一步一步往下调试的过程中，可以看各个变量当前的值，出错时，调试到出错的代码行会显示错误，停止调试。

②双重for循环

很多情况下，单层for循环并不能满足我们的需求。循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构，例如在for循环语句中，可以再嵌套一个for循环，这样的for循环语句我们称之为双重for循环。

语法结构：for(外层的初始化变量；外层的条件表达式；外层的 *** 作表达式）{

for（里层的初始化变量；里层的条件表达式；里层的 *** 作表达式）{

//执行语句；

}

}

小结:
for循环可以重复执行某些相同代码

for循环可以重复执行一些不同的代码，因为我们有计数器

for循环可以重复执行某些 *** 作，比如算数运算符加法 *** 作

双重for循环，外层循环一次，内层for循环全部执行

for循环是循环条件和数字直接相关的循环

③while循环

while语句可以在套件表达式为真的前提下，循环执行指定的一段代码，直到表达式不为真时结束循环。

语法结构：

while（条件表达式）{
//循环体代码

}

执行思路：先执行条件表达式，如果结果为true，则执行循环体代码，反之，则退出循环，执行后面的代码。

里面也应该有计数器和 *** 作表达式，作用分别是初始化变量和完成计数器的更新，防止死循环。

④do while循环

do ...while语句其实是while语句的一个变体。该循环会先执行一次代码块，然后对条件表达式进行判断，如果条件为真，则会重复执行循环体，否则退出循环。

语法结构：
do{

//循环体

}while（条件表达式）

执行思路：先执行一次循环体，再判断条件。如果条件表达式结果为真，则继续执行循环体，否则退出循环。

小结：js循环有for、while、do while

*三个循环很多情况下都可以相互替代使用

*如果是用来计次数，三者使用基本相同，但是我们更喜欢用for

*while和do...while可以做更复杂的判断条件,比for循环灵活些

--------------------continue---------------------

continue关键词用于立即跳出本次循环，继续下一次循环（本次循环体中continue之后的代码就会少执行一次）

--------------------break---------------------

break关键词用于立刻跳出整个循环