JavaScriptのfor文とは？

JavaScriptのfor文とは？

JavaScriptのfor文とは？

JavaScriptで繰り返し処理を行う場合、いくつかの方法がありますが、その中でも最も基本的なものがfor文です。for文は、指定した条件が満たされるまで、処理を繰り返したい場合に利用します。この記事では、for文の基本的な使い方から、具体的な例、そしてfor文と似た構文であるwhile文との違いまで、詳しく解説していきます。

for文の基本構文

for文は、以下の構文で記述します。

for (初期化式; 条件式; 増減式) {
  // 繰り返し実行される処理
}
  • 初期化式: ループの開始前に一度だけ実行される式です。ループカウンタ変数の初期化などに使用されます。
  • 条件式: ループが継続される条件を指定する式です。この式の評価結果がtrueの間、ループが継続されます。
  • 増減式: ループの各反復の後に実行される式です。ループカウンタ変数の値を増減させるために使用されます。

for文の使用例

1から10までの数字を表示する

以下は、for文を使って1から10までの数字をコンソールに表示する例です。

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

このコードでは、最初に変数iが1に初期化されます。そして、条件式i <= 10がtrueである限り、ループが継続されます。ループが1周するごとに、console.log(i)が実行され、変数iの値が表示されます。そして最後に、i++によって変数iの値が1ずつ増加していきます。

配列の要素を全て表示する

for文は、配列の要素を順番に処理する際にも便利です。以下の例では、配列fruitsの要素を全てコンソールに表示します。

const fruits = ["apple", "banana", "orange"];

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

このコードでは、fruits.lengthを使って配列の長さを取得し、ループの条件式に利用しています。これにより、配列の要素数に関わらず、全ての要素を処理することができます。

for文とwhile文の違い

for文と似た構文を持つループ処理として、while文があります。どちらも繰り返し処理を行うという点では共通していますが、for文は「あらかじめ繰り返し回数が決まっている場合」に、while文は「特定の条件が満たされるまで繰り返し処理を行う場合」に用いるという違いがあります。

項目 for文 while文
構文 for (初期化式; 条件式; 増減式) { ... } while (条件式) { ... }
特徴 あらかじめ繰り返し回数が決まっている場合に最適 特定の条件が満たされるまで繰り返し処理を行う場合に最適
使用例 配列の要素を全て処理する、1から100までの合計値を求めるなど ユーザーが入力した値が特定の値になるまで処理を繰り返すなど

参考資料

QA

Q1: for文の中でbreak文を使うことはできますか？
A1: はい、break文を使うことで、ループの途中で処理を中断することができます。例えば、配列の中から特定の値を検索する場合、見つかった時点でループを中断するためにbreak文を使用することがあります。
Q2: for文の中にcontinue文を使うことはできますか？
A2: はい、continue文を使うことで、ループの現在の反復処理をスキップし、次の反復処理へ進むことができます。例えば、偶数の値だけ処理したい場合、奇数の値はcontinue文でスキップすることができます。
Q3: for文はネストできますか？
A3: はい、for文はネストすることができます。つまり、for文の中に別のfor文を記述することができます。これは、例えば、多次元配列を処理する場合などに便利です。

その他の参考記事:JavaScript for ループ