💡 記事の下にエディタを用意しています。壊しても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...of や forEach も便利
演習で試してみよう
1から5までをconsole.logで出力してみましょう。🧪 ここで試せます ─ 壊しても大丈夫!
下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。
■ 演習
1から5までをconsole.logで出力してください。
詰まったらヒント
for (let i = 1; i <= 5; i++) { console.log(i); }