JavaScript レッスン7

ループ

繰り返し処理のさまざまな方法をマスターしよう

ループの種類

JavaScriptには複数のループ構文があり、用途に応じて使い分けます。回数が決まっている場合はfor、条件で繰り返す場合はwhile、配列を処理するならfor...ofやforEachが適しています。

for — 回数指定のループ
while — 条件が真の間ループ
do...while — 最低1回は実行
for...of — 配列などの反復可能オブジェクト用
for...in — オブジェクトのキー用
forEach — 配列メソッド
break / continue — ループの制御

for・while・do...while

基本的なループ構文を確認しましょう。

Tab でインデント / Ctrl(Cmd)+Enter で再実行

index.html

preview.local

Live Preview

for...of・for...in・forEach

配列やオブジェクトに適したループを使いましょう。

Tab でインデント / Ctrl(Cmd)+Enter で再実行

index.html

preview.local

Live Preview

自由に試してみよう

ループを使って九九の表を作ってみましょう。

Tab でインデント / Ctrl(Cmd)+Enter で再実行

index.html

preview.local

Live Preview

← 前のレッスン

オブジェクト詳細

次のレッスン →

関数詳細