【JavaScript】for文の構文

プログラミングで最も使用頻度の高い構文の一つであるfor文。本記事ではJavaScriptにおけるfor文の基本的使い方について解説します。

Table of Contents

JavaScriptにおけるfor文の書き方

基本的なfor文においては、３つのパラメーターが指定されます。

for (初期化式; 条件式; 増分式) {
    // 繰り返したい処理
}

上記の構文を用いて簡単なfor文を書いてみます。１〜１０までの数字が表示されるプログラムは次のように書くことができます。

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

ここでは、iが1から始まり、10以下である限りループが続き、各ステップでiが1ずつ増えていきます。iが11になると条件式i <= 10がfalseになるため、ループは終了します。

ここからは、もう少し応用的なfor文の使い方を見ていきます。

for文を用いて配列配列の要素を効率的に処理することができます。

  let fruits = ['apple', 'banana', 'cherry'];
  for (let i = 0; i < fruits.length; i++) {
      console.log(fruits[i]);
  }

このコードでは、配列fruitsの各要素にアクセスしています。iは0（配列の最初のインデックス）から始まり、配列の長さ未満の間続きます。

for文のなかにfor文を書くこともできます。

  for (let i = 1; i <= 3; i++) {
      for (let j = 1; j <= 3; j++) {
          console.log(`i=${i}, j=${j}`);
      }
  }

ここでは二重のfor文を使っています。外側のループがiを1から3まで変化させ、内側のループがjを1から3まで変化させます。このようにして、iとjの全ての組み合わせを出力します。