公告:本站提供编程开发方面的技术交流与分享,打造最佳教程网,希望能为您排忧解难!

JS教程Javascript基础:循环语句

Javascript基础:循环语句

更新时间:2013-05-27 20:31:34 |

循环

在编写代码时,常常需要反复执行同一段代码。在Javascript中可以使用循环来实现这个功能,这样就用不着重复地写相同的代码。

JavaScript有两种不同种类的循环:

for
将一段代码循环执行指定的次数
while
当指定的条件为 true 时循环执行代码

for 循环

在脚本的运行次数已确定的情况下使用 for 循环。

语法:

for(变量=开始值;变量<=结束值;变量=变量+步进值) { 需执行的代码 }

实例:

解释:下面的例子定义了一个循环程序,这个程序中 i 的起始值为 0。每执行一次循环,i 的值就会累加一次 1,循环会一直运行下去,直到 i 等于 10 为止。

注释:步进值可以为负。如果步进值为负,需要调整 for 声明中的比较运算符。

<html> <body> <script type="text/javascript"> var i=0for (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

 

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>

 

while 循环

while 循环用于在指定条件为 true 时循环执行代码。

语法:

while(变量<=结束值) { 需执行的代码 }

注意:除了<=,还可以使用其他的比较运算符。

实例:

解释:下面的例子定义了一个循环程序,这个循环程序的参数 i 的起始值为 0;该程序会反复运行,直到 i 大于 10 为止。i 的步进值为 1。

<html> <body> <script type="text/javascript"> var i=0while (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=0do { document.write("The number is " + i) document.write("<br />") i=i+1 } while (i<0)</script> </body> </html>

结果:

The number is 0

 

最佳教程网

最大的技术交流平台 www.goodxyx.com© CopyRight 2011-2013, All Rights Reserved

浙ICP备11033019号