break と continue はどちらを使えばよいですか。

以降の要素をもう見なくてよいなら break、この要素だけ飛ばして続きを見たいなら continue です。判断がつかないときは、飛ばしたあとに残りの要素を処理したいかどうかを自問してください。したいなら continue です。

continue を使わずに if だけで書いてもよいですか。

構いません。結果は同じです。処理が 1 行なら if で囲むほうが自然ですし、処理が長く条件も増えるなら continue で先に除外したほうがインデントが浅く保てます。読みやすいほうを選んでください。

二重ループの内側で break すると外側も抜けますか。

抜けません。break も continue も、いちばん内側のループひとつにだけ効きます。外側まで抜けたい場合はフラグ用の変数を使うか、処理を関数に切り出して return で抜けるのが分かりやすい書きかたです。

break と continue でループを制御する｜コードで実践

このレッスンで分かること

break はループそのものを終わらせます

continue はその周だけ飛ばして、次の周に進みます

最後まで見なくていいのに、最後まで見ている

ここまでのループは、配列を必ず先頭から末尾まで全部まわしていました。ですが実際のデータには「飛ばしたい要素」と「ここまで来たらもう見なくていい」があります。作品一覧なら、非公開のものは飛ばしたいし、並べるのが 3 件までなら 4 件目以降は見る必要がありません。前者が continue、後者が break です。

キーワード	何をするか
`continue`	今の周の残りを飛ばして、次の周へ進む
`break`	ループ自体を終わらせる

どちらも単独では使わず、if と組み合わせて「この条件のときだけ」という形で書きます。条件を付けずに置くと、break は必ず 1 周で終わり、continue は本体が一度も実行されません。

continue は、その周だけを捨てる

JavaScript

const views = [0, 120, 0, 80];
let total = 0;
for (const v of views) {
  if (v === 0) {
    continue; // 閲覧が無い日は数えない
  }
  total += v;
}
console.log(total); // 200

continue に出会うと、その周の残りの行は実行されず、次の要素に進みます。同じことは if (v !== 0) { ... } でも書けます。処理が 1 行ならそのほうが自然ですが、本体が 10 行あって除外条件が 3 つになると、if で囲む書き方はインデントがどんどん深くなります。除外を先に片付けて continue で抜ければ、本体を浅いまま保てます。

break は、そこでループを終わらせる

JavaScript

const titles = ["プロフィールサイト", "自己紹介カード", "スキル一覧の表"];
for (const title of titles) {
  console.log(title);
  if (title === "自己紹介カード") {
    break; // ここで終わり
  }
}
// プロフィールサイト
// 自己紹介カード

3 番目は出力されません。探しものが見つかったあとに残りを見ても意味が無い、という場面のための道具です。要素が数万件ある配列なら、break があるかどうかで処理時間がまるで変わります。

気を付けたいのは判定を書く位置です。件数を数えて打ち切るときは、足してから数える。

JavaScript

let count = 0;
for (const title of titles) {
  count++;
  if (count === 2) {
    break;
  }
}

count++ より前に判定を置くと、2 件目を数える前に抜けてしまい 1 件で終わります。1 行の順番で結果が変わるので、増やしてから数える、と順番ごと覚えてください。

break は switch でも使いました。どちらも「いちばん近いブロックを抜ける」という同じ働きです。ループが二重になっているとき、内側の break が抜けるのは内側のループだけで、外側は続きます。

よくある間違い

while の中で continue を使う — for の更新式は自動で実行されますが、while では更新行を自分で書いています。continue がその行を飛び越すと、条件がいつまでも変わらず止まらなくなります
break のつもりで continue を書く — 結果は合っていても、最後まで無駄にまわります。飛ばすのか、終わるのか。ここが 2 つの唯一の違いです

このレッスンで分かること

break はループそのものを終わらせます

continue はその周だけ飛ばして、次の周に進みます

最後まで見なくていいのに、最後まで見ている

キーワード	何をするか
`continue`	今の周の残りを飛ばして、次の周へ進む
`break`	ループ自体を終わらせる

continue は、その周だけを捨てる

JavaScript

const views = [0, 120, 0, 80];
let total = 0;
for (const v of views) {
  if (v === 0) {
    continue; // 閲覧が無い日は数えない
  }
  total += v;
}
console.log(total); // 200

break は、そこでループを終わらせる

JavaScript

const titles = ["プロフィールサイト", "自己紹介カード", "スキル一覧の表"];
for (const title of titles) {
  console.log(title);
  if (title === "自己紹介カード") {
    break; // ここで終わり
  }
}
// プロフィールサイト
// 自己紹介カード

気を付けたいのは判定を書く位置です。件数を数えて打ち切るときは、足してから数える。

JavaScript

let count = 0;
for (const title of titles) {
  count++;
  if (count === 2) {
    break;
  }
}

break は switch でも使いました。どちらも「いちばん近いブロックを抜ける」という同じ働きです。ループが二重になっているとき、内側の break が抜けるのは内側のループだけで、外側は続きます。

よくある間違い

while の中で continue を使う — for の更新式は自動で実行されますが、while では更新行を自分で書いています。continue がその行を飛び越すと、条件がいつまでも変わらず止まらなくなります
break のつもりで continue を書く — 結果は合っていても、最後まで無駄にまわります。飛ばすのか、終わるのか。ここが 2 つの唯一の違いです

break と continue でループを制御する

最後まで見なくていいのに、最後まで見ている

continue は、その周だけを捨てる

break は、そこでループを終わらせる

よくある間違い

要件

入出力例

ヒント

メモ

break と continue でループを制御する

最後まで見なくていいのに、最後まで見ている

continue は、その周だけを捨てる

break は、そこでループを終わらせる

よくある間違い

要件

入出力例

ヒント

メモ