while ループ
while ループは、指定された条件が true である間、コードのブロックをループします。
構文
while (条件)
{
実行されるコード
}
例
この例のループは、変数 i が小さい限り実行され続けます。 10 より:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
while (i<5){
x=x + "该数字为 " + i + "<br>";
i++;
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html> 注: 条件で使用される変数の値をインクリメントするのを忘れると、ループは終了しません。これにより、ブラウザがクラッシュする可能性があります。
プログラムを実行して試してみる
do/whileループ
do/whileループはwhileループのバリエーションです。このループは、条件が true かどうかを確認する前にコード ブロックを 1 回実行し、条件が true の場合はループを繰り返します。
構文
do
{
実行するコード
}
while (条件);
例
次の例では、do/while ループを使用します。ループは少なくとも 1 回実行されます。条件が false の場合でも、条件がテストされる前にコード ブロックが実行されるため、ループは 1 回実行されます:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
do{
x=x + "该数字为 " + i + "<br>";
i++;
}
while (i<5)
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>プログラムを実行して試してください
次のセクション