首頁 >web前端 >js教程 >JavaScript中循環知識的介紹(程式碼範例)

JavaScript中循環知識的介紹(程式碼範例)

不言
不言轉載
2019-03-05 14:45:382570瀏覽

這篇文章帶給大家的內容是關於JavaScript中循環知識的介紹(程式碼範例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

for 迴圈

在腳本的執行次數已確定的情況下使用 for 迴圈。

語法:

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

實例:

解釋:下面的範例定義了一個循環程序,這個程序中 i 的起始值為 0。每執行一次循環,i 的值就會累積一次 1,循環會一直運作下去,直到 i 等於 10 為止。

註解:步進值可以為負。如果步進值為負,則需要調整 for 宣告中的比較運算子。

<html>
<body>

<script>
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 迴圈用於在指定條件為 true 時循環執行程式碼。

語法:

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

注意:除了<=,還可以使用其他的比較運算子。

實例:

解釋:下面的範例定義了一個循環程序,這個循環程序的參數 i 的起始值為 0。程式會重複運行,直到 i 大於 10 為止。每次運行i的值會增加 1。

<html>
<body>
<script>
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>
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

以上是JavaScript中循環知識的介紹(程式碼範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除