6.1 whileループ
JavaScriptのループは、特定の条件が満たされている間、コードブロックを繰り返し実行することを可能にします。これは、繰り返しのタスクを自動化するのに役立つプログラミングの重要な部分です。
whileループは、条件が真 (true) である限り、コードブロックを実行します。
構文：
while (condition) {
// 条件が真の間、実行されるコード
}
例：
JavaScript
let i = 0;
while (i < 5) {
console.log(`イテレーション番号 ${i}`);
i++;
}
// 出力:
// イテレーション番号 0
// イテレーション番号 1
// イテレーション番号 2
// イテレーション番号 3
// イテレーション番号 4
この例では：
iの値が5未満である限り、ループが続きます- ループ内では、各イテレーションの後に
iの値が1増加します
6.2 コードブロックをn回実行する
コードブロックを固定された回数だけ実行する必要がある状況はよくあります。このコードは while ループとして記述できます:
let i = 0;
while (i < 5) {
console.log(`イテレーション番号 ${i}`);
i++;
}
一般的には次のようになります:
初期化
while (条件) {
コードブロック
ステップ
}
6.3 forループ
forループ
for ループは、JavaScriptで最もよく使用されるループの1つです。これは、特定の回数だけコードブロックを繰り返すために特別に作られています。
構文：
for (初期化; 条件; ステップ) {
// 各イテレーションで実行されるコード
}
例：
JavaScript
for (let i = 0; i < 5; i++) {
console.log(`イテレーション番号 ${i}`);
}
// 出力:
// イテレーション番号 0
// イテレーション番号 1
// イテレーション番号 2
// イテレーション番号 3
// イテレーション番号 4
説明：
let i = 0— イテレーションのカウンターになる変数iの初期化i < 5— ループが続く条件。iが5になるとループが停止しますi++— 各イテレーションの後にiの値を1増やすステップ
6.4 do...whileループ
do...while ループはwhile ループに似ていますが、違うところはブロックコードが条件を確認する前に少なくとも一度実行されることです。
構文：
do {
// 少なくとも一度実行されるコード
} while (条件);
例：
JavaScript
let i = 0;
do {
console.log(`イテレーション番号 ${i}`);
i++;
} while (i < 5);
// 出力:
// イテレーション番号 0
// イテレーション番号 1
// イテレーション番号 2
// イテレーション番号 3
// イテレーション番号 4
この例では：
do内のコードブロックが、条件が最初から偽であっても少なくとも一度実行されます- コードブロックを実行した後、条件が確認され、条件が真であればループが続きます
6.5 ループの比較
| ループ | 使用する状況 | 特徴 |
|---|---|---|
| for | イテレーション数がわかっている場合 | コンパクトな構文、配列に便利 |
| while | イテレーション数が事前に不明な場合 | 各イテレーション前に条件が確認される |
| do-while | 少なくとも一度コードブロックを実行する必要がある場合 | コードブロックの後で条件が確認される |
ループの使用例
forを使った配列の繰り返し：
JavaScripts
let array = [1, 2, 3, 4, 5];
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
// 出力: 1 2 3 4 5
条件を待つためのwhileの使用：
JavaScript
let n = 0;
let x = 0;
while (n < 3) {
n++;
x += n;
}
console.log(x); // 6 (1 + 2 + 3)
少なくとも一度イテレーションを実行するためのdo-whileの使用：
JavaScript
let i = 0;
do {
console.log(i);
i++;
} while (i < 0);
// 出力: 0 (条件が偽であっても、ループは一度実行される)
GO TO FULL VERSION