JavaScript レッスン7

ループ

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

ループの種類

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

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

for・while・do...while

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

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

index.htmllazy

1 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local

Live Preview

Console

console.log / warn / error の出力がここに表示されます。

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

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

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

index.htmllazy

1 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local

Live Preview

Console

console.log / warn / error の出力がここに表示されます。

自由に試してみよう

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

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

index.htmllazy

2 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local

Live Preview

Console

console.log / warn / error の出力がここに表示されます。

← 前のレッスン

オブジェクト詳細

次のレッスン →

関数詳細