JavaScript for Loop
例
コードブロックを5回ループ（繰り返し）します。
for (let i = 0; i < 5; i++) {
text += i + "<br>";
}
車の名前を収集するために配列をループ（繰り返し）します。
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
- ループは位置0（
let i = 0）から始まります。 - ループ
iは実行ごとに自動的にインクリメントします。 - ループは。まで実行され
i < cars.lengthます。
以下のその他の例。
定義と使用法
このforステートメントは、条件がである限り実行されるコードブロックを定義します
true。
ノート
ステートメント2を省略する場合は、ループ内にブレークを指定する必要があります。
そうしないと、ループが終了しません。これにより、ブラウザがクラッシュします。関連項目：
構文
for (statement 1; statement 2; statement 3) {
code block to be executed
}
パラメーター
| Parameter | Description |
| statement 1 | Optional. Executed before the code block starts. Normally used to initialize a counter variable. To initiate multiple values, separate each value with a comma. This parameter can be omitted, but not the semicolon ";" |
| statement 2 | Optional. The condition for running the code block. If it returns true the loop will start over again, otherwise the loop will end.This parameter can be omitted, but not the semicolon ";" |
| statement 3 | Optional. Executed after the code block. Normally used to increment the counter variable. This parameter can be omitted (e.g. to increase/decrease values inside the loop) |
JavaScriptループステートメント
| 声明 | 説明 | |
| 壊す | ループから抜け出します | |
| 継続する | ループ内の値をスキップします | |
| その間 | 条件が真である間、コードブロックをループします | |
| 一方を行います | コードブロックを1回ループし、その後、条件がtrueのときにループします | |
| にとって | 条件が真である間、コードブロックをループします | |
| の | 反復可能な値をループします | |
| のために...で | オブジェクトのプロパティをループします |
その他の例
最初のパラメーターで複数の値を開始します。
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
最初のパラメーターを省略します（ループが開始する前に値を設定します）。
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
使用continue-コードのブロックをループしますが、値3をスキップします。
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) continue;
text += i + "<br>";
}
使用break-コードブロックをループしますが、次の場合にループを終了しますi == 3：
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) break;
text += i + "<br>";
}
2番目のパラメーターを省略します。
ループを終了するために使用breakします。そうしないと、ループが終了せず、ブラウザがクラッシュします。
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = 0; ; i++) {
if (i == cars-length) break;
text += cars[i] + "<br>";
}
配列を降順でループします（負の増分）：
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = cars.length - 1; i >= 0; i--) {
text += cars[i] + "<br>";
}
最後のパラメーターを省略し、ループ内の値をインクリメントします。
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let len = cars.length;
for (; i < len;) {
text += cars[i] + "<br>";
i++;
}
NodeListをループし、リスト内のすべてのp要素の色を変更します。
const myNodelist = document.getElementsByTagName("P");
for (let i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.color = "blue";
}
ネストされたループ（ループ内のループ）：
let text = "";
for (let = 0; i < 3; i++) {
text += i + "<br>";
for (let j = 10; j < 15; j++) {
text += j + "<br>";
}
}
ブラウザのサポート
for ECMAScript1（ES1）機能です。
ES1（JavaScript 1997）は、すべてのブラウザーで完全にサポートされています。
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |