JavaScriptでfor文の書き方

JavaScriptのfor文による繰り返し処理の基本構文を実行して確認できます。初心者向けに、コードを編集して実行結果をすぐ確認できます。 下のコードはブラウザ内でそのまま実行できます。「実行エディタで開く」を押すと、progoのオンラインJavaScript実行環境にコードが読み込まれ、その場で動作を確認できます。

サンプルコード

for (let i = 1; i <= 5; i++) {
  console.log(`${i} 回目`);
}

// 配列をインデックスで走査
const arr = ["a", "b", "c"];
for (let i = 0; i < arr.length; i++) {
  console.log(i, arr[i]);
}

// for...of で値を直接取得
for (const v of arr) {
  console.log("値:", v);
}

ポイント解説

• for (初期化; 条件; 更新)の3部構成です。
• for...ofは配列の値を直接取り出せます。
• letでカウンタを宣言するのが基本です。