Javascript 循环

简介: Javascript 循环

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


for循环



for 语句结构:

for(初始化变量;循环条件;循环迭代)

{

循环语句

}


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


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


结果:

2466108-01458074c84f3f83.webp.jpg

执行思路:


2466108-e9694ad2ac83b033.webp.jpg


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>


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>


执行结果:


2466108-a2614ee8207ab6b5.webp.jpg


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


2466108-1c8d16e97f852dbd.webp.jpg


退出循环break



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


格式如下:

for(初始条件;判断条件;循环后条件值更新)

{

if(特殊情况)

{break;}

循环代码

}


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


2466108-8c27e8a9f58a756e.webp.jpg


执行结果:


2466108-a14c2ee6f4ee290f.webp.jpg


注:当num=5的时候循环就会结束,不会输出后面循环的内容。


继续循环continue



continue的作用是仅仅跳过本次循环,而整个循环体继续执行。


语句结构:


for(初始条件;判断条件;循环后条件值更新)

{

if(特殊情况)

{ continue; }

循环代码

}

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


2466108-476909ad391a4a8c.webp.jpg


执行结果:

2466108-c0d521f144e52ee2.webp.jpg

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

目录
相关文章
|
6月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
72 6
JS循环for、for...of、for...in
|
6月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
85 2
JavaScript基础知识-流程控制之while循环
|
5月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
63 0
|
7月前
|
JavaScript 前端开发
JavaScript中有哪几种循环?他们的运用场景在哪?
JavaScript中有哪几种循环?他们的运用场景在哪?
|
7月前
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
222 0
|
4月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
43 2
|
6月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
196 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
6月前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
75 1
JavaScript基础知识-forEach循环
|
6月前
|
JavaScript 前端开发 索引
|
6月前
|
JavaScript 前端开发
JavaScript while 循环
JavaScript while 循环
25 3

热门文章

最新文章