JavaScript 循环

最新推荐文章于 2022-08-12 10:05:08 发布

amtea

最新推荐文章于 2022-08-12 10:05:08 发布

阅读量462

点赞数

分类专栏： JavaScript 文章标签： javascript 脚本

本文链接：https://blog.csdn.net/amtea/article/details/6705194

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

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

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 循环

<html>
<body>

<script type="text/javascript">
i = 0
while (i <= 5)
{
document.write("数字是 " + i)
document.write("<br />")
i++
}
</script>

<h1>解释：</h1>

<p><b>i</b> 等于 0。</p>

<p>当 <b>i</b> 小于或等于 5 时，循环将继续运行。</p>

<p>循环每运行一次，<b>i</b> 会累加 1。</p>

</body>
</html>

Do while 循环

<html>
<body>

<script type="text/javascript">
i = 0
do
{
document.write("数字是 " + i)
document.write("<br />")
i++
}
while (i <= 5)
</script>

<h1>解释：</h1>

<p><b>i</b>  等于 0。</p>

<p>循环首先会运行。</p>

<p>每循环一次，<b>i</b> 就会累加 1。</p>

<p>当 <b>i</b> 小于或等于 5 时，循环会继续运行。</p>


</body>
</html>

break 语句

<html>
<body>
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
{
if (i==3){break}
document.write("数字是 " + i)
document.write("<br />")
}
</script>
<p>解释：循环会在 i=3 时中断。</p>
</body>
</html>

continue 语句

<html>
<body>
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
{
if (i==3){continue}
document.write("数字是 " + i)
document.write("<br />")
}
</script>

<p>解释：当 i=3 时，会中断循环，并从下一个值开始继续循环。</p>

</body>
</html>

使用 For...In 声明来遍历数组内的元素

<html>
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "宝马"
mycars[1] = "奔驰"
mycars[2] = "宾利"

for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>