首頁 > web前端 > js教程 > 主體

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

不言
發布: 2019-03-05 14:45:38
轉載
2552 人瀏覽過

這篇文章帶給大家的內容是關於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
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板