ループは、コードのブロックを何回も実行することができます。
JavaScriptのループ
あなたは、何度も何度も異なる値と毎回同じコードを実行したい場合はループは、便利です。
多くの場合、これは配列を使用する場合は、次のとおりです。
書き込みの代わりに:
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
あなたが書くことができます:
for (i = 0; i < cars.length; i++) {
text += cars[i] +
"<br>";
}
»それを自分で試してみてください ループの異なる種類
JavaScriptは、ループの種類をサポートしています。
- for -コードのブロックをループ回数
- for/in -オブジェクトのプロパティをループ
- while -指定した条件が真の間、コードのブロックをループ
- do/while 、指定された条件が真である間も、コードのブロックをループ-
Forループ
forループは、多くの場合、あなたはループを作成したいときに使用するツールです。
forループの構文は次のとおりです。
for (statement
1; statement 2; statement 3) {
code block to be executed
}
ループ(符号ブロック)を開始する前に文1が実行されます。
文2は、ループ(コードブロック)を実行するための条件を定義します。
ループ(符号ブロック)が実行された後の文3を毎回実行されます。
上記の例から、あなたは読むことができます:
文1セットループが始まる前に、変数(var i = 0)
文2は、(iが5未満でなければなりません)を実行するループのための条件を定義します。
文3は、値を増加させる(i++)ループ内のコードブロックが実行されるたびに。
ステートメント1
通常は、ループ内で使用される変数開始するために、ステートメント1を使用します(i = 0)
これは必ずしもそうではありません、JavaScriptは気にしません。 ステートメント1はオプションです。
あなたはステートメント1(カンマ区切り)に多くの値を開始することができます。
例
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
»それを自分で試してみてください (ループが始まる前に、あなたの値が設定されているときのように)そして、あなたは、文1を省略することができます。
例
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
»それを自分で試してみてください ステートメント2
多くの場合、ステートメント2は、初期変数の状態を評価するために使用されます。
これは必ずしもそうではありません、JavaScriptは気にしません。 安全2も任意です。
真の文2が戻った場合、ループはそれがfalseを返した場合、ループは終了し、もう一度やり直すます。
あなたは文の2を省略した場合、あなたが提供しなければなりませんbreakループ内を。 それ以外の場合はループが終了することはありません。 これは、ブラウザがクラッシュします。 このチュートリアルの後の章で休憩についての記事を読みます。
文3
多くの場合、ステートメント3は、最初の変数を増加させます。
これは必ずしもそうではありません、JavaScriptは気にしないし、文3は任意です。
文3は、負の増分のようなものを行うことができます(i--)正の増分(i = i + 15)または何かを。
文3は、(あなたがループ内で自分の価値観をインクリメントするときのように)を省略することができます。
例
var i = 0;
var len = cars.length;
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}
»それを自分で試してみてください For/Inループ
JavaScriptのfor/inステートメントは、オブジェクトのプロパティをループ:
例
var person = {fname:"John", lname:"Doe", age:25};
var text = "";
var x;
for (x in person) {
text += person[x];
}
»それを自分で試してみてください Whileループ
whileループおよびdo/whileループは次の章で説明します。