JavaScript教程之JavaScript 循环

当前位置:

首页 > 网站开发 > JQuery >

JavaScript教程之JavaScript 循环

JavaScript 循环

在编写代码时，你常常希望反复执行同一段代码。我们可以使用相关javascript教程循环来完成这个功能，这样就用不着重复地写若干行相同的代码。

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

for

将一段代码循环执行指定的次数

while

当指定的条件为 true 时循环执行代码

for 循环

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

语法：

for (变量=开始值;变量<=结束值;变量=变量+步进值)

{

需执行的代码

}

实例：

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

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

<html>

<body>

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>

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，因为其中的代码执行后才会进行条件验证。

语法：

{

需执行的代码

}

while (变量<=结束值)

实例：

<html>

<body>

var i=0

{

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 语句来终止当前的循环，然后从下一个值继续执行。

栏目列表