JavaScriptのwhileループ
while ループ
while ループは、指定された條件が true である間、コードのブロックをループします。
構(gòu)文
while (條件)
{
実行されるコード
}
例
この例のループは、変數(shù) i が小さい限り実行され続けます。 10 より:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>點(diǎn)擊下面的按鈕，只要 i 小于 5 就一直循環(huán)代碼塊。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
while (i<5){
x=x + "該數(shù)字為 " + i + "<br>";
i++;
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html> 注: 條件で使用される変數(shù)の値をインクリメントするのを忘れると、ループは終了しません。これにより、ブラウザがクラッシュする可能性があります。
プログラムを?qū)g行して試してみる
do/whileループ
do/whileループはwhileループのバリエーションです。このループは、條件が true かどうかを確認(rèn)する前にコード ブロックを 1 回実行し、條件が true の場(chǎng)合はループを繰り返します。
構(gòu)文
do
{
実行するコード
}
while (條件);
例
次の例では、do/while ループを使用します。ループは少なくとも 1 回実行されます。條件が false の場(chǎng)合でも、條件がテストされる前にコード ブロックが実行されるため、ループは 1 回実行されます:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>點(diǎn)擊下面的按鈕，只要 i 小于 5 就一直循環(huán)代碼塊。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
do{
x=x + "該數(shù)字為 " + i + "<br>";
i++;
}
while (i<5)
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>プログラムを?qū)g行して試してください
