JavaScript for循环的用法(javascript,web开发)

时间:2024-05-04 10:35:24 作者 : 石家庄SEO 分类 : web开发
  • TAG :

一、JavaScript 循环

循环是方便的,如果你想重复地运行同一个代码,每次使用不同的值。

通常情况下,这是与数组一起工作:

text+=cars[0]+"<br>";text+=cars[1]+"<br>";text+=cars[2]+"<br>";text+=cars[3]+"<br>";text+=cars[4]+"<br>";text+=cars[5]+"<br>";可以写成这样:for(i=0;i<cars.length;i++){text+=cars[i]+"<br>";}

例:

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>项目</title></head><bodystyle="background-color:aqua;"><h2>JavaScript循环</h2><pid="demo"></p><script>varcars=["BMW","Volvo","Saab","Ford","Fiat","Audi"];vartext="";vari;for(i=0;i<cars.length;i++){text+=cars[i]+"<br>";}document.getElementById("demo").innerHTML=text;</script></body></html>

JavaScript for循环的用法

二、不同种类的循环

JavaScript 支持不同类型的循环:

for - 多次循环一段代码。

for/in - 通过对象的属性循环。

三、For 循环

for循环通常是你想创建循环时使用的工具。

语法:

for(statement1;statement2;statement3){codeblocktobeexecuted}

语句1:循环(代码块)开始之前执行。

语句2:定义了运行循环的条件(代码块)。

语句3:循环(代码块)被执行后每次执行。

for(i=0;i<5;i++){text+="Thenumberis"+i+"<br>";}

完整代码:

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>项目</title></head><bodystyle="background-color:aqua;"><h2>JavaScriptLoops</h2><pid="demo"></p><script>vartext="";vari;for(i=0;i<5;i++){text+="Thenumberis"+i+"<br>";}document.getElementById("demo").innerHTML=text;</script></body></html>

JavaScript for循环的用法

语句1在循环开始前设置变量 (var i = 0),语句2定义了循环运行的条件 (i 必须小于 5),语句3增加值(i++) 每次循环中的代码块都已被执行。

1. 语句 1

通常,您将使用语句1初始化循环中使用的变量 (i = 0)。语句1是可选的,可以在语句1中初始化多个值(逗号分隔)。

for(i=0;i<5;i++){text+="Thenumberis"+i+"<br>";}

可以省略语句1(如在循环开始之前设置值)。

<script>varcars=["BMW","Volvo","Saab","Ford"];vari=2;varlen=cars.length;vartext="";for(;i<len;i++){text+=cars[i]+"<br>";}document.getElementById("demo").innerHTML=text;</script>

JavaScript for循环的用法

2. 语句 2

经常使用语句2来判断初始变量的条件。

这是情况并非总是如此,JavaScript不在乎。语句2也是可选的.如果语句2返回true,则循环将重新启动,如果返回false,则循环将结束。

如果省略语句2,则必须在循环中提供一个中断。否则循环永远不会结束。这将使你的浏览器崩溃。

3. 语句 3

经常语句3增加初始变量的值.这是情况并非总是如此,JavaScript不在乎,并声明3是可选的。

声明3可以做任何事情,如负增量(i--),正增量(i = i + 15),或任何其他。

语句3也可以省略(例如当你在循环中增加你的值)。

<script>varcars=["BMW","Volvo","Saab","Ford"];vari=0;varlen=cars.length;vartext="";for(;i<len;){text+=cars[i]+"<br>";i++;}document.getElementById("demo").innerHTML=text;</script>

JavaScript for循环的用法

四、For/In 循环

JavaScript for/in 语句遍历对象的属性。

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>项目</title></head><bodystyle="background-color:aqua;"><h2>JavaScript循环</h2><p>for/in语句通过对象的属性循环.</p><pid="demo"></p><script>vartxt="";varperson={fname:"John",lname:"Doe",age:25};varx;for(xinperson){txt+=person[x]+"";}document.getElementById("demo").innerHTML=txt;</script></body></html>

for/in 语句通过对象的属性循环.

JavaScript for循环的用法

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:JavaScript for循环的用法的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:如何从底层聊下IO多路复用模型下一篇:

9 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18