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

JS DOMリファレンスマニュアル

 JavaScript ステートメントと変数宣言

whileJavaScript while 文

文はループを1回実行し、テスト条件(condition)の計算結果がtrueの場合、指定された文を実行します。条件(condition)仅当

变为false時、ループ才会停止。条件(condition)文の前に評価されます

を使用して、ループを1回実行し、指定された条件がtrueの場合に再びループしますbreak文は現在のループを終了し、continue文はループ内の値をスキップします。

文法:

while (condition) {
//文が実行されます
}
var n = 0;
while (n < 5) {
   document.write("<br>The number is " + n);
   n++;
}
テストを試してみる‹/›

注意:次のように使いたい場合、条件(condition)の変数、ループの前に初期化してください。ループ内で増加する忘れずに、それを忘れるとループは永遠に終了しません。これにより、ブラウザがクラッシュする可能性があります。

ブラウザの互換性

すべてのブラウザは完全にwhile文をサポートしています:

while

パラメータの値

パラメータ説明
condition                ループの各遍历时評価される式。この条件の計算結果がtrueの場合、文を実行します。条件の計算結果がfalseの場合、whileループの後で実行が続行します。    条件が常に真である場合、ループは永遠に終了しません。これにより、ブラウザがクラッシュする可能性があります。

技術的な詳細

JavaScriptバージョン:ECMAScript 1

さらに例

配列を昇順にループして遍历します:

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

配列を降順にループして遍历します:

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

以下の関数にはbreak文があります。iが3whileループを終了し、値を返します3 * x:

function testBreak(x) {
  var i = 0;
  while (i < 6) {
if (i == 3) {
   break;
}
i++;
  }
  return i * x;
}
テストを試してみる‹/›

以下の例では、continue文を持つwhileループを表示しています。このcontinue文は、iの値が3時実行:

var text = "";
var i = 0;
while (i < 6) {
   i++;
   if (i === 3) {
  continue;
   }
   text += "数値は " + i + "<br>";
}
テストを試してみる‹/›

関連リファレンス

JavaScriptチュートリアル:JavaScript Whileループ

JavaScript リファレンス:JavaScript do...while文

JavaScript リファレンス:JavaScript for文

JavaScript リファレンス:JavaScript break文

JavaScript リファレンス:JavaScript continue宣言

 JavaScript ステートメントと変数宣言