`return`, `break`, `continue` の使い分けとコツ

Last updated at 2025-05-26Posted at 2025-05-26

はじめに

JavaScript（他の多くの言語でも同様）では、処理の流れをコントロールするために return, break, continue という命令が使われます。

初心者のうちは「何がどう違うの？」「どう書けばきれいに見えるの？」と迷いやすいところ。本記事では違い・使い分け・使い方のコツをやさしく解説します。

命令	処理対象	何をするか	よく使う場面
`return`	関数	関数の実行を即座に終了し、値を返す	値を返したい／それ以上の処理不要なとき
`break`	ループ・switch文	処理を途中で打ち切って、ループ自体を抜ける	条件が満たされたらループを終了したいとき
`continue`	ループ	処理中の1回分をスキップし、次の繰り返しへ	条件によって「今回だけ」スキップしたいとき

return は 関数の処理を終わらせて値を返すための命令です。

function isEven(n) {
  if (n % 2 === 0) {
    return true;
  }
  return false;
}

条件が満たされた時点で早めに return することで、ネストが浅くなり読みやすいコードになります。

function isAdult(age) {
  if (age < 18) return false;
  return true;
}

break は ループの途中でも、条件を満たしたら脱出する命令です。

for (let i = 0; i < 10; i++) {
  if (i === 5) break;
  console.log(i); // 0〜4だけ出力される
}

while (true) {
  const input = getInput();
  if (input === 'exit') break;
  handle(input);
}

continue は **「今回は処理をスキップして次へ」**という命令です。

for (let i = 1; i <= 5; i++) {
  if (i === 3) continue;
  console.log(i); // 1, 2, 4, 5 を出力（3だけスキップ）
}

for (const item of items) {
  if (!item.isActive) continue;
  process(item);
}

例：早期 return を使って if-else を避ける

悪い例：

function getStatus(user) {
  if (user) {
    return 'ログイン済み';
  } else {
    return '未ログイン';
  }
}

良い例：

function getStatus(user) {
  if (!user) return '未ログイン';
  return 'ログイン済み';
}

✨もっと良い例：

function getStatus(user) {
  return user ? 'ログイン済み' : '未ログイン'
}

return, break, continue をうまく使えるようになると、処理の流れをシンプルに保ちつつ、意図を明確にしたコードが書けるようになります。

読みやすさを意識して、積極的に使い分けていきましょう！