ツール一覧

💡 記事の下にエディタを用意しています。壊してもOK!

更新日: 2025年3月1日

JavaScriptのforループの使い方|繰り返し処理

📌

結論

for ループで繰り返し処理ができます

📝 実際のコードはこちら
for (let i = 1; i <= 5; i++) {
  console.log(i);
}

forの3つの部品

部品役割
初期化カウンター変数let i = 1
条件繰り返す条件i <= 5
更新毎回の変化i++

その他のループ

構文使いどころ
for回数が決まっているとき
for...of配列を1つずつ処理
while条件が満たされるまで
forEach配列メソッド

まとめ

for は(初期化; 条件; 更新)の3部構成 ・配列の処理には for...offorEach も便利

演習で試してみよう

1から5までをconsole.logで出力してみましょう。

🧪 ここで試せます ─ 壊しても大丈夫!

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

1から5までをconsole.logで出力してください。

詰まったらヒント

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

15pt

forループ

1から5までをconsole.logで出力してください。

エラーをクリックで該当行をハイライト。✕=エラー ⚠=警告 ›=ログ。

ロードマップ · 全解説