JavaScript流程控制语句

                                           JavaScript流程控制语句

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Adobe Dreamweaver JavaScript

作者：曾维嘉

撰写时间：2020年4月21日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

今天我要介绍的是流程控制语句，那么什么是流程呢？

首先我来介绍一下流程中的三种基本流程结构：

1. 顺序结构
2. 分支结构
3. 循环结构

顺序结构：按照顺序一条一条的执行代码，从上到下。

分支结构：执行代码的时候，可以根据条件进行选择，条件越多对应的结果越多，分支也就越多。例如if...else...语句，switch语句

循环结构：用来重复不断的做一件事，for循环，while循环，do...while循环

 

If...else语句的介绍

1. if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。

语法：

if（条件）{

    条件成立时执行的代码

}

else{

    条件不成立时执行的代码

}

1. 多重判断（if...else嵌套语句）

要在镀组语句中选择则一组来执行，使用if...else嵌套语句

语法：

If(条件1){

    条件1成立时执行的代码

}

    else if(条件2){

    条件2成立时执行的代码

}

...

else if(条件n){

        条件n成立时执行的代码

}

else{

    条件1、2至n不成立时执行的代码

}

for循环介绍

for循环是编程语言中一种循环语句，而循环语句有循环体及循环的判定条件两部分组成，for语句结构：

for（初始化变量；循环条件；循环迭代）{

    循环语句；

}

For循环用来重复不断的做一件事。

举例如下：

以上是网页换肤案例中用到的for循环，可以以少量代码起到同样的作用，比原来的js代码更简洁，只要明白其中的逻辑效果。

看一下效果图：