JavaScriptでwhile文を用いた繰り返し処理の記述方法を紹介します。
書式
記述例
while (i < 25) {
/* 何らかの処理 */
i++;
}
プログラム例
コード
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" language="javascript">
function onButtonClick() {
var target = document.getElementById("output");
var count = document.form1.textBox1.value;
target.innerHTML = "";
var i = 0;
while (i < count) {
target.innerHTML = target.innerHTML + i + "<br/>";
i++;
}
}
</script>
</head>
<body>
<form name="form1" action="">
<div>ループ回数を入力して下さい</div>
<input name="textBox1" type="text" value="" />
<input type="button" value="Exec" onclick="onButtonClick();" />
</form>
<div id="output"></div>
</body>
</html>
解説
下記コードがループ部になります。ループ変数iがcount変数の値より小さい限りループを繰り返します。
while (i < count) {
target.innerHTML = target.innerHTML + i + "<br/>";
i++;
}
実行結果
ページ表示直後の画面です。
テキストボックスに"5"を入力し、[Exec]ボタンをクリックしたときの実行結果です。ループが5回実行されています。
テキストボックスに"0"を入力し、[Exec]ボタンをクリックしたときの実行結果です。ループが1回も実行されません。(
Do~Whileの処理と異なることに注意してください。)
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
最終更新日: 2021-12-15
作成日: 2011-06-13