JavaScriptのforループの記述を紹介します。
書式
for (初期値設定式; ループ条件式; ループ更新式){
...(処理)
}
「初期値設定式」でループ変数の初期値を設定し「ループ条件式」が真(true)である限りループを実行します。ループを1回処理するごとに「ループ更新式」を実行します。
記述例
カウンタ変数 i=0 から i=9 まで10回ループを繰り返します。
function onLoad() {
for (i = 0; i < 10; i++) {
//...処理...
}
}
カウンタ変数 i=4 から iの値が16未満の間ループを繰り返します。一回のループでiに4を加算します。i=4, i=8, i=12 の3回ループ内を処理します。
function onLoad() {
for (i = 4; i < 16; i=i+4) {
//...処理...
}
}
プログラム例
コード例
以下のHTMLファイルを作成します。
<!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 count = document.forms.form1.textBox1.value;
var target = document.getElementById("output");
for (i = 0; i < count; i++) {
target.innerHTML = target.innerHTML + i + ", ";
}
}
</script>
</head>
<body>
<form name="form1" action="">
<div>ループ回数を入力して下さい</div>
<input id="textBox1" type="text" value="" />
<input type="button" value="Exec" onclick="onButtonClick();" />
</form>
<div id="output"></div>
</body>
</html>
実行結果
ページ表示直後の画面です。
テキストボックスに"8"を入力して[Exec]ボタンをクリックしたときの実行結果です。ループが8回実行されています。
テキストボックスに"0"を入力して[Exec]ボタンをクリックしたときの実行結果です。ループは一回も実行されません。
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
最終更新日: 2022-01-18
作成日: 2011-06-13