【JavaScript】for文の構文

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

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の全ての組み合わせを出力します。

for文は書き方そのものより、どの処理をループにまとめると読みやすくなるかを掴むのに時間がかかります。課題を順番にこなして感覚を作っていく学び方に向いているのがSiiDです。

AIプログラミングスクール「SiiD」は、未経験からITエンジニア転職を目指す方向けのオンラインスクールです。

SiiDの特徴

こんな方におすすめ

「未経験だから」とあきらめる必要はありません。採用する側を知り尽くしたプロが、給付金で負担を抑えながら内定まで伴走します。