CodeGym/コース/Frontend SELF JA/JavaScriptのループ

JavaScriptのループ

使用可能

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 (条件が偽であっても、ループは一度実行される)
1
タスク
Frontend SELF JA,  レベル 34レッスン 0
ロック未解除
nまでの数の合計
nまでの数の合計
1
タスク
Frontend SELF JA,  レベル 34レッスン 0
ロック未解除
20までの偶数
20までの偶数
コメント
  • 人気
  • 新規
  • 古い
コメントを残すには、サインインしている必要があります
このページにはまだコメントがありません