javaScript基本循环

Posted 逝意遨游

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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++)

{
//javaScript的输出
document.write("The number is " + i) 
document.write("<br />")// }

</script>
</body>
</html>

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>

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>

以上是关于javaScript基本循环的主要内容,如果未能解决你的问题,请参考以下文章

七天学完JavaScript(day03)

JavaScript中forfor...infor...offorEach的区别和用法

javascript中,while循环与for循环执行效率上的差异?

JavaScript3

如何快速理解JavaScript 中重要语句for循环

javascript中for循环的计数器