循环是方便的，如果你想重复地运行同一个代码，每次使用不同的值。
通常情况下，这是与数组一起工作:
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>";}例：
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>项目</title> </head> <body style="background-color: aqua;"> <h1>JavaScript 循环</h1> <p id="demo"></p> <script> var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"]; var text = ""; var i; for (i = 0; i < cars.length; i++) { text += cars[i] + "<br>"; } document.getElementById("demo").innerHTML = text;</script> </body></html>
JavaScript 支持不同类型的循环：
for循环通常是你想创建循环时使用的工具。
语法:
for (statement 1; statement 2; statement 3) { code block to be executed}语句1：循环（代码块）开始之前执行。
语句2：定义了运行循环的条件（代码块）。
语句3：循环（代码块）被执行后每次执行。
for (i = 0; i < 5; i++) { text += "The number is " + i + "<br>";}完整代码:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>项目</title></head><body style="background-color: aqua;"><h1>JavaScript Loops</h1><p id="demo"></p><script>var text = "";var i;for (i = 0; i < 5; i++) {text += "The number is " + i + "<br>";}document.getElementById("demo").innerHTML = text;</script></body></html>
语句1在循环开始前设置变量 (var i = 0)，语句2定义了循环运行的条件 (i 必须小于 5)，语句3增加值(i++) 每次循环中的代码块都已被执行。
通常，您将使用语句1初始化循环中使用的变量 (i = 0)。语句1是可选的，可以在语句1中初始化多个值（逗号分隔）。
for (i = 0; i < 5; i++) { text += "The number is " + i + "<br>";}可以省略语句1（如在循环开始之前设置值）。
<script> var cars = ["BMW", "Volvo", "Saab", "Ford"]; var i = 2; var len = cars.length; var text = ""; for (; i < len; i++) { text += cars[i] + "<br>"; } document.getElementById("demo").innerHTML = text;</script>
经常使用语句2来判断初始变量的条件。
这是情况并非总是如此，JavaScript不在乎。语句2也是可选的.如果语句2返回true，则循环将重新启动，如果返回false，则循环将结束。
如果省略语句2，则必须在循环中提供一个中断。否则循环永远不会结束。这将使你的浏览器崩溃。
经常语句3增加初始变量的值.这是情况并非总是如此，JavaScript不在乎，并声明3是可选的。
声明3可以做任何事情，如负增量（i--），正增量（i = i + 15），或任何其他。
语句3也可以省略（例如当你在循环中增加你的值）。
<script> var cars = ["BMW", "Volvo", "Saab", "Ford"]; var i = 0; var len = cars.length; var text = ""; for (; i < len; ) { text += cars[i] + "<br>"; i++; } document.getElementById("demo").innerHTML = text;</script>
JavaScript for/in 语句遍历对象的属性。
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>项目</title> </head> <body style="background-color: aqua;"> <h1>JavaScript 循环</h1> <p>for/in 语句通过对象的属性循环.</p> <p id="demo"></p> <script> var txt = ""; var person = { fname: "John", lname: "Doe", age: 25 }; var x; for (x in person) { txt += person[x] + " "; } document.getElementById("demo").innerHTML = txt;</script> </body></html>
本文基于JavaScript 基础，介绍循环中 for 循环在实际项目的应用。通过循环语法讲解，文字的说明能够让读者更好的去理解 for 循环。
本文链接：http://www.28at.com/showinfo-26-70448-0.html一篇文章带你了解JavaScript for循环
声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com
上一篇： 揭开空白网页背景色的神秘面纱
Copyright © 2016-2023 天津谷骐科技有限公司 版权所有 sitemap.xml
违法及侵权请联系：2376512515@qq.com 津ICP备18001702号
津公网安备 12010102000574号