循环控制语句

心已赠人 2024-04-06 09:44 84阅读 0赞

JavaScript中支持的循环语句有四种：

>  *  (while、do-while、for、for in)循环

1、**while循环**

>  *  while循环结构中先判断循环条件是否成立，如果成立，则重复执行\{\}内的语句块，直到条件不成立为止；如果条件不成立，则跳过\{\}内的语句块。

while循环语句

![805527067f50484f95fb7ae62dda9e0f.png][]

示例：

![ade0d67d32dd4a1fb017bea39c01a1b8.png][]

**do- while循环**

>  *  do- while循环先执行语句块一次，然后才判断循环条件是否成立。如果成立，则继续重复执行语句块；如果条件不成立，则循环结束。

do- while循环语句

![c60a23019b974592a51bce3aa5c85b4a.png][]

示例：

![3f7a9f857bc843f2979ee1579ce2620d.png][]

**注意：while和do-while的区别**：

>  *  while 循环是先做判断，如果结果是true，则被执行循环体，反之不执行；
>  *  do...while不管while后面的条件表达式是否成立，都会先执行一次，然后再做判断。

**for循环**

>  *  只要给定的条件为true，for循环就重复执行循环体内的语句块。

for循环语句

![41035fe750754479ae05a0e978e61bca.png][]

示例：

![4fa4e031a15146d2b34357a39deeee97.png][]

![f389166a3d20402897bc93603566d752.png][]

**break和continue语句**

break示例：

![4b07b9dfe2024b32b33b6dbbce4594ae.png][]

continue示例：

#### ![90ba1bef87864ce5994130964aa29c5b.png][] ####

**注意：break和continue的区别**：

>  *  break是跳出整个循环，循环停止不再执行；continue是跳出本次循环，继续下一次循环直到循环结束。

## 函数的定义和调用 ##

>  *  函数的定义：语法
>  *  函数的调用：
> 
> 1.  函数调用和表单元素的事件一起使用
> 2.  调用格式为：事件名="函数名"

**函数的含义**：

>  *  函数是完成特定任务的语句块，当需要重复完成某种任务时，就应该把用到的语句组织成函数。

**function关键字：**

![068339bf4b0f4092982189fe0318d6d9.png][]

**函数的定义需要注意以下事项：**

> 1.  函数名区分大小写，且不能相同，更不能使用JavaScript的关键字。
> 2.  在function关键字之前不能指定返回值的数据类型。
> 3.  函数定义中\[\]是指可选的，也就是说自定义的函数可以带参数，也可以不带参数。如果有参数，参数可以是变量、常量或表达式。自定义函数可以有返回值，也可以没有，如果省略了return语句，则函数返回undefined。
> 4.  函数必须放在<script></script>标签之间。
> 5.  函数的定义最好放在网页的<head></head>部分。
> 6.  定义函数时并不执行组成该函数的代码，只有调用函数时才执行代码。

示例：

![872c1b4dc18b40618b354979d25c8191.png][]

![6c3cc1b1fa0442c9a89e441f4b898bff.png][]

![c6dd3f9903824d80874f9c0cd4c87790.png][]

[805527067f50484f95fb7ae62dda9e0f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/0c511bf0a3d1415a94b73cf81b679022.png
[ade0d67d32dd4a1fb017bea39c01a1b8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/b9d9e7950b9943f39738ea1b5b99f4e4.png
[c60a23019b974592a51bce3aa5c85b4a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/e07a342a0a38494bbb789a10a5c419f6.png
[3f7a9f857bc843f2979ee1579ce2620d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/31a91c69a76641e1a0f8ecd65a698e03.png
[41035fe750754479ae05a0e978e61bca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/aa82d589a557463393c64cdfef0762a2.png
[4fa4e031a15146d2b34357a39deeee97.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/a7640927b37545eb8b2dc1d55806df56.png
[f389166a3d20402897bc93603566d752.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/babf41e212e642f8b0833b8147387f60.png
[4b07b9dfe2024b32b33b6dbbce4594ae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/28cfb77e43114bb4a10316b720b11982.png
[90ba1bef87864ce5994130964aa29c5b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/aa6b0bea982c42af9a9bb5043f9bde34.png
[068339bf4b0f4092982189fe0318d6d9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/4829bdd6ca2447ef99c9b1d70715ef32.png
[872c1b4dc18b40618b354979d25c8191.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/8973d5508fe748d18cc4648dca354c5b.png
[6c3cc1b1fa0442c9a89e441f4b898bff.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/5a0708565de04686bbcf8ebc4c41a9a5.png
[c6dd3f9903824d80874f9c0cd4c87790.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/06ffe4b498ec405893904e62ac564e82.png