VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > JavaScript >
  • JavaScript教程之JavaScript 循环

JavaScript 循环
在编写代码时,你常常希望反复执行同一段代码。我们可以使用循环来完成这个功能,这样就用不着重复地写若干行相同的代码。
JavaScript 有两种不同种类的循环:
for
将一段代码循环执行指定的次数
while
当指定的条件为 true 时循环执行代码
for 循环
在脚本的运行次数已确定的情况下使用 for 循环。
语法:
for (变量=开始值;变量<=结束值;变量=变量+步进值)
{
    需执行的代码
}
实例:
解释:下面的例子定义了一个循环程序,这个程序中 i 的起始值为 0。每执行一次循环,i 的值就会累加一次 1,循环会一直运行下去,直到 i 等于 10 为止。
注释:步进值可以为负。如果步进值为负,需要调整 for 声明中的比较运算符。
<html>
<body>
 
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
{
document.write("The number is " + i)
document.write("<br />")
}
</script>
 
</body>
</html>
结果:
The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
The number is 10
while 循环
我们将在下一节中学习 while 循
实例
While 循环
利用 while 循环在指定条件为 true 时来循环执行代码。
Do while 循环
利用 do...while 循环在指定条件为 true 时来循环执行代码。在即使条件为 false 时,这种循环也会至少执行一次。这是因为在条件被验证前,这个语句就会执行。
while 循环
while 循环用于在指定条件为 true 时循环执行代码。
语法:
while (变量<=结束值)
{
    需执行的代码
}
注意:除了<=,还可以使用其他的比较运算符。
实例:
解释:下面的例子定义了一个循环程序,这个循环程序的参数 i 的起始值为 0。该程序会反复运行,直到 i 大于 10 为止。i 的步进值为 1。
<html>
<body>
<script type="text/javascript">
var i=0
while (i<=10)
{
document.write("The number is " + i)
document.write("<br />")
i=i+1
}
</script>
</body>
</html>
结果:
The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
The number is 10
do...while 循环
do...while 循环是 while 循环的变种。该循环程序在初次运行时会首先执行一遍其中的代码,然后当指定的条件为 true 时,它会继续这个循环。所以可以这么说,do...while 循环为执行至少一遍其中的代码,即使条件为 false,因为其中的代码执行后才会进行条件验证。
语法:
do
{
    需执行的代码
}
while (变量<=结束值)
实例:
<html>
<body>
<script type="text/javascript">
var i=0
do
{
document.write("The number is " + i)
document.write("<br />")
i=i+1
}
while (i<0)
</script>
</body>
</html>
结果:
The number is 0
实例
break 语句
使用 break 语句来终止循环。
continue 语句
使用 continue 语句来终止当前的循环,然后从下一个值继续执行。
JavaScript break continue 语句
有两种特殊的语句可用在循环内部:break 和 continue。
Break
break 命令可以终止循环的运行,然后继续执行循环之后的代码(如果循环之后有代码的话)。
实例:
<html>
<body>
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
{
if (i==3){break}
document.write("The number is " + i)
document.write("<br />")
}
</script>
</body>
</html>
结果:
The number is 0
The number is 1
The number is 2
Continue
continue 命令会终止当前的循环,然后从下一个值继续运行。
实例:
<html>
<body>
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
{
if (i==3){continue}
document.write("The number is " + i)
document.write("<br />")
}
</script>
</body>
</html>
结果:
The number is 0
The number is 1
The number is 2
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
The number is 10
实例
For...In 声明
如何使用 For...In 声明来遍历数组内的元素。
JavaScript For...In 声明
For...In 声明用于对数组或者对象的属性进行循环操作。
for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。
语法:
for (变量 in 对象)
{
    在此执行代码
}
“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。
实例:
使用 for ... in 循环遍历数组。
<html>
<body>
 
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
 
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
 
</body>
</html>

相关教程