欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

JavaScript 基础(十):循环语句

发布时间:2025/4/16 javascript 3 豆豆
生活随笔 收集整理的这篇文章主要介绍了 JavaScript 基础(十):循环语句 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

2019独角兽企业重金招聘Python工程师标准>>>

一、循环

1.1、for 循环

很多事情不只是做一次,要重复做。如打印10份试卷,每次打印一份,重复这个动作,直到打印完成。这些事情,我们使用循环语句来完成,循环语句,就是重复执行一段代码。

for语句结构:

for(初始化变量;循环条件;循环迭代) { 循环语句 }

假如,一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止。

<script type="text/javascript"> var num=1; for (num=1;num<=6;num++) //初始化值;循环条件;循环后条件值更新 { document.write("取出第"+num+"个球<br />"); } </script>

结果:

执行思路:

1.2、while 循环

和for循环有相同功能的还有while循环, while循环重复执行一段代码,直到某个条件不再满足。

while语句结构:

while(判断条件) {循环语句}

使用while循环,完成从盒子里取球的动作,每次取一个,共6个球。

<script type="text/javascript"> var num=0; //初始化值 while (num<=6) //条件判断 {document.write("取出第"+num+"个球<br />");num=num+1; //条件值更新 } </script>

1.3、Do...while循环

do while 结构的基本原理和while结构是基本相同的,但是它保证循环体至少被执行一次。因为它是先执行代码,后判断条件,如果条件为真,继续循环。

do...while语句结构:

do {循环语句} while(判断条件)

我们试着输出5个数字。

<script type="text/javascript">num= 1;do{document.write("数值为:" + num+"<br />");num++; //更新条件}while (num<=5) </script>

执行结果:

为什么呢?我们来看下执行思路:

二、退出循环 break

在while、for、do...while 循环中使用break语句退出当前循环,直接执行后面的代码。

格式如下:

for(初始条件;判断条件;循环后条件值更新) {if(特殊情况){break;}循环代码 }

当遇到特殊情况的时候,循环就会立即结束。看看下面的例子,输出10个数,如果数值为5,就停止输出。

<script type="text/javascript">var num;for(num=1;num<=10;num++){if(num == 5) {break;}document.write("数值为:" + num+"<br />");} </script>

执行结果:

三、继续循环 continue

continue 的作用是仅仅跳过本次循环,而整个循环体继续执行。 ** 语句结构:**

for(初始条件;判断条件;循环后条件值更新) {if(特殊情况){ continue; }循环代码 }

上面的循环中,当特殊情况发生的时候,本次循环将被跳过,而后续的循环则不会受到影响。好比输出10个数字,如果数字为5就不输出了。

<script type="text/javascript">var num;for(num=1;num<=10;num++){if(num == 5) {continue;}document.write("数值为:" + num+"<br />");} </script>

执行结果:

注:上面的代码中,num=5的那次循环将被跳过。

转载于:https://my.oschina.net/Agnes2017/blog/1812008

总结

以上是生活随笔为你收集整理的JavaScript 基础(十):循环语句的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。