ループ文(for文・while文)
一連の処理を繰り返すもので、条件文と同じ様にプログラムではよく使われる
【開発環境】
OS;Window10
Webブラウザ:Google Chrome
テキストエディタ:Brackets
【ループ文】
1.for文
カウンタとして使用する制御変数iをカウントアップしながら、処理をロープさせ、iが指定した値まで進んだら、処理を終了する。
書式
for(カウンタの初期化;条件式;カウンタの更新){
処理
}
・例文
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>JavaScriptのテスト</title>
</head>
<body>
<script>
//iは制御変数
for (var i = 1; i <= 12; i++) {
console.log(i + "月");
}
</script>
</body>
</html>
実行
2.while文
条件が成り立つまで処理を繰り返す文
書式
while(条件式){
処理
}
例文「while1.html」
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>JavaScriptのテスト</title>
</head>
<body>
<script>
var i = 1;
while (i <= 12) {
console.log(i + "月");
i++;
}
</script>
</body>
</html>
実行結果
3.do~while文
書式
do{
処理
}while(条件式)
例文「while2.html」
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>JavaScriptのテスト</title>
</head>
<body>
<script>
var num = prompt("回数を入力してください");
var i = 1;
do {
console.log(i + ":こんにちはJavaScript");
i++;
} while(i <= num);
</script>
</body>
</html>
実行
値「3」を入力
コンソール表示
4.無限ループ
while文の条件式に、treや「1」など、必ず条件が成り立つ値を指定すると、ループが延々とくりかえされてプログラムが終わら無くなる無限ループなる。そこで、breakやcontineを使って抜け出す
break文
例文
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>JavaScriptのテスト</title>
</head>
<body>
<script>
var i = 1;
while(true){
console.log(i + "月");
i++;
if (i > 12) break;//12より大きければ、抜け出る
}
</script>
</body>
</html>
実行
contine文
contine文を使うと、現在のループの処理を中断してループの先頭に戻る事ができます。breakと同様にifと一緒に使う
例文
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>JavaScriptのテスト</title>
</head>
<body>
<script>
var i = 0;
while(i <= 100){
i++;
if ((i % 9) != 0) continue;
console.log(i);
}
</script>
</body>
</html>
実行