English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 基礎チュートリアル

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザBOM

AJAX 基礎チュートリアル

JavaScript 参考マニュアル

JavaScript While ループ

指定された条件が真の間は、コードブロックを実行できます。

Whileループ

whileループは、指定された条件の値が真の間は、指定された文を実行します。

whileループの構文は以下の通りです:

while (condition) { // 条件が真の間は、コードを実行します}
var n = 0;
while (n < 5) {
   document.write("<br>この数字は " + n);
   n++;
}
テストを見て‹/›

注意:、を使用する場合は、条件の変数は、ループの前に初期化し、ループ内で増加させます。変数を増加させることを忘れると、ループは決して終わりません。これにより、ブラウザがクラッシュする可能性があります。

無限ループ

一つの無限ループ、名前からも分かるように、ループは常に実行され続けます。無限ループを不注意に作成すると、ブラウザやコンピュータがクラッシュする可能性があります。無限ループを意識することで、それらを避けることができます。

while文の条件が以下のように設定された場合、trueこの場合、一般的な無限ループが発生します。

  while (true) {
    // 常にコードを実行します
  }

無限ループは常に実行され続けますが、breakキーワードを使用してプログラムを終了できます。

Do ... Whileループ

このdo...whileループはwhileループの変種です。条件が真かどうかをチェックする前に、このループは一度コードブロックを実行し、条件が真の間はそのループを繰り返します。

このdo...whileループの構文は以下の通りです:

do {
// 実行する文
}
while (condition);
do {
   document.write("<br>数字は " + n);
   n++;
}
while (n < 5);
テストを見て‹/›

条件に使用する変数を増やすことを忘れないでください。それを忘れると、ループは決して終わりません。

注意:条件がfalseであっても、このループは常に少なくとも一度実行されます。なぜなら、コードブロックは条件テストの前に実行されるからです:

var n = 5;
do {
   document.write("<br>数字は " + n);
   n++;
}
while (n < 3);  // false
テストを見て‹/›

whileとdo ... whileループの違い

whileループはdo…whileループとは重要な方法で使用されます。whileループは、各ループの反復開始時に計算する条件をテストするため、条件式の計算結果がfalseの場合、ループは決して実行されません。

一方、do ... whileループを使用すると、条件表現の計算結果がfalseであっても、ループは常に一度実行されます。これはwhileループとは異なり、条件はループの終了時ではなく、開始時に計算されます。

ForとWhileループの比較

forループに関する前の章を既に読んでいる場合、whileループはforループと非常に似ていますが、初期化と最終表現を省略しています。

この例では、forループを使用してfruits配列から果物の名前を取得する:

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = 0; i < fruits.length; i++) {
txt += fruits[i] + '<br>';
}
テストを見て‹/›

この例では、whileループを使用してfruits配列から果物の名前を取得する:

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
var i = 0;
while (i < fruits.length) {
 txt += fruits[i] + '<br>';
 i++;
}
テストを見て‹/›