JavaScript オブジェクト

JavaScript リファレンスマニュアル

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

HTML DOM Attribute オブジェクト JavaScript ステートメントと宣言

JavaScript for 文

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

for文はループを作成し、テスト条件(condition)の計算結果がtrueのときに指定された文を実行します。

ただし条件(condition)falseに変わるとき、ループが停止します。

JavaScriptは以下の種類のループを提供します：

for -コードブロックを数回巡回します
for...in-オブジェクトの属性を巡回します
while-指定条件为trueのとき、ループでコードブロックを巡回します
do...while -ループを実行了一次コードブロックを実行し、指定された条件がtrueの場合にループを繰り返します。

を使用してbreakステートメントを終了し、次の値を使用して現在のループを終了します。continueループ内の値をスキップします。

文法：

for (initialization; condition; final-expression) {
　//実行するステートメント
　}

例

for (let n = 0; n <　5; n++)　{
document.write("<br>The number is "　+　n);
}

テストして見て‹/›

ブラウザの互換性

すべてのブラウザはforステートメントを完全にサポートしています：

ステートメント
for	は	は	は	は	は

パラメータの値

パラメータ	説明
initialization	（オプション）ループの開始前に実行します。通常、このステートメントはカウンタ変数の初期化に使用されます。複数の値を開始する場合は、各値をカンマで区切ります。
condition	（オプション）ループの実行条件を定義します。通常、このステートメントはカウンタ変数の条件を評価するために使用されます。trueを返すとループが再開し、falseを返すとループが終了します。注意：省略すると、条件は常にtrueとみなされます。これにより、ブラウザがクラッシュする可能性があります。
final-expression	（オプション）ループの実行の後に行います。通常、このステートメントはカウンタ変数を増減するために使用されます。

技術的詳細

JavaScriptのバージョン：	ECMAScript 1

さらに多くの例

配列を昇順にループで遍历します：

例

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = 0; i < fruits.length;++)　{
txt　+= fruits[i]　+　"<br>";
}

テストして見て‹/›

配列を降順にループで遍历します：

例

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = fruits.length　-1; i >= 0; i--)　{
txt　+= fruits[i]　+　"<br>";
}

テストして見て‹/›

NodeListオブジェクトのノードをループで遍历し、リストのすべての要素の背景色を変更します：

例

var x = document.querySelectorAll(".demo");
for (let i = 0; i < x.length;++)　{
x[i].style.backgroundColor = "coral";
}

テストして見て‹/›

ネストループはほとんどの場所で使用されており、行列乗算、テーブルの表示、その他多くの場所で使用されます：

例

var txt = "";
for (var row = 0; row <　10;　row++)　{
　　　for　(var　col　=　0;　col　<　row;　col++)　{
　　　txt　+=　"　*　";
　　　}
　　　txt　+=　"<br>";
}

テストして見て‹/›

以下の関数は、break ステートメントを持っています。iが3時、ループを終了します：

例

var　text　=　"";
for　(let　i　=　0;　i　<　6;　i++)　{
if　(i　===　3)　{
　　　break;
}
text　+=　"The　number　is　"　+　i　+　"<br>";
}

テストして見て‹/›

以下の例は、continue ステートメントを持つforループを示しています。このステートメントは、iの値が3時実行：

例

var　text　=　"";
for　(let　i　=　0;　i　<　6;　i++)　{
if　(i　===　3)　{
　　　continue;
}
text　+=　"The　number　is　"　+　i　+　"<br>";
}

テストして見て‹/›

JavaScript オブジェクト

JavaScript リファレンスマニュアル

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

JavaScript for 文

文法：

ブラウザの互換性

パラメータの値

技術的詳細

さらに多くの例

関連参考