JavaScriptのif文で処理を中断する方法：returnやbreakの使い分けを整理

JavaScriptでプログラムを記述している際、特定の条件に合致した時点でその後の処理を行わずに終了させたい場面は頻繁に登場します。

条件分岐の中で適切に処理を中断させることは、プログラムの意図しない動作を防ぐだけでなく、コードの可読性や保守性を向上させるために非常に重要です。

本記事では、JavaScriptのif文と組み合わせて処理を中断させる主要な方法である「return」、「break」、「continue」、「throw」について、それぞれの役割と使い分けを整理して詳しく解説します。

JavaScriptにおける処理中断の必要性

複雑なロジックを記述する際、条件が重なるとif文のネスト（階層）が深くなってしまい、コードの全体像を把握しにくくなることがあります。

不必要な処理を早い段階で終了させることで、メインのロジックをすっきりと記述できるようになります。

また、計算リソースを無駄に消費しないためにも、条件を満たさないことが判明した時点で処理を切り上げる手法はプログラミングのベストプラクティスとされています。

具体的にどのようなキーワードを使用して中断を実現するのか、一つずつ見ていきましょう。

return文による関数の実行終了

関数内でif文を使用している場合、最も一般的に使われる中断方法がreturn文です。

returnが実行されると、その関数の処理は即座に終了し、呼び出し元に制御が戻ります。

この性質を利用して、特定の条件を満たさない場合に処理を打ち切る手法は「ガード節」と呼ばれます。

return文の基本的な使い方

以下のコードは、ユーザーの年齢を判定し、特定の条件に満たない場合にメッセージを返して関数を終了する例です。

function checkAccess(age) {
  // ガード節：20歳未満ならここで終了
  if (age < 20) {
    return "アクセス権限がありません。"; // ここで処理が中断される
  }

  // 条件を満たした場合のみ実行される
  console.log("アクセスを許可しました。");
  return "ようこそ！";
}

console.log(checkAccess(15));
console.log(checkAccess(25));

"アクセス権限がありません。"
"アクセスを許可しました。"
"ようこそ！"

上記の例では、age < 20が真である場合、後続のconsole.logは実行されません。

関数のどこにいてもreturnが実行された瞬間に、それ以降の行は無視されるという点を覚えておきましょう。

アロー関数における中断

モダンなJavaScript開発で多用されるアロー関数でも、同様にreturnを使用して中断が可能です。

ただし、波括弧を省略した短縮記法の場合は明示的な中断ができないため、複雑な条件分岐を行う際は波括弧を使用する必要があります。

const validateInput = (input) => {
  if (!input) {
    return "入力が空です。";
  }
  return "入力は正常です。";
};

console.log(validateInput(""));

"入力が空です。"

break文によるループ処理の中断

if文がfor文やwhile文、switch文の中で使われている場合、処理の中断にはbreak文が適しています。

breakは、現在実行中のループ処理そのものを完全に終了させる役割を持ちます。

特定のデータを見つけた時点でループを終わらせたい場合に非常に有効です。

for文におけるbreakの例

配列の中から特定の要素を探し、見つかったら探索を中止する例を見てみましょう。

const fruits = ["apple", "banana", "cherry", "dragonfruit", "elderberry"];

for (let i = 0; i < fruits.length; i++) {
  console.log(`${fruits[i]}を確認中...`);

  if (fruits[i] === "cherry") {
    console.log("cherryが見つかったので中断します。");
    break; // ここでループを抜ける
  }
}

appleを確認中...
bananaを確認中...
cherryを確認中...
cherryが見つかったので中断します。

この場合、”dragonfruit”以降の要素はチェックされません。

breakは「今いる繰り返し処理の箱」から外へ飛び出すイメージです。

continue文による現在の反復のスキップ

breakがループ全体を終わらせるのに対し、continueは「今回の回（反復）だけ」をスキップして次の回に進みます。

条件に合致しないデータを除外して処理を続けたい場合に便利です。

for (let i = 1; i <= 5; i++) {
  if (i === 3) {
    console.log("3をスキップします。");
    continue; // 以降の処理を飛ばしてi=4へ進む
  }
  console.log(`数値: ${i}`);
}

数値: 1
数値: 2
3をスキップします。
数値: 4
数値: 5

「この条件の時は何もしない」という振る舞いを定義する際に重宝します。

throw文による例外としての強制中断

関数の実行を中断するだけでなく、呼び出し側に「エラーが発生したこと」を強く通知したい場合はthrow文を使用します。

throwが実行されると、try...catchブロックで捕捉されない限り、プログラムの実行が停止します。

function processTransaction(amount) {
  if (amount <= 0) {
    throw new Error("金額は0より大きい必要があります。"); // 強制的にエラーを発生させる
  }
  console.log(`${amount}円の処理を受け付けました。`);
}

try {
  processTransaction(-500);
} catch (e) {
  console.error("エラーをキャッチしました: " + e.message);
}

エラーをキャッチしました: 金額は0より大きい必要があります。

単なる値の返却ではなく、異常事態を知らせたい場合にはthrowを使用するのが適切です。

各中断キーワードの使い分け表

状況に応じてどの中断キーワードを選択すべきか、以下の表で整理します。

早期リターン（Early Return）によるクリーンなコード

JavaScriptで美しいコードを書くために欠かせない概念が「早期リターン」です。

これは、if文でエラーケースや例外ケースを先に記述し、早い段階でreturnしてしまう手法です。

これを行わないと、正常なメイン処理が深いelse句の中に埋もれてしまいます。

ネストが深いコード（改善前）

function saveUser(user) {
  if (user !== null) {
    if (user.id !== undefined) {
      if (user.name !== "") {
        // メインの処理
        console.log("保存しました");
      } else {
        console.log("名前がありません");
      }
    } else {
      console.log("IDがありません");
    }
  }
}

早期リターンを用いたコード（改善後）

function saveUser(user) {
  if (user === null) return;
  if (user.id === undefined) return console.log("IDがありません");
  if (user.name === "") return console.log("名前がありません");

  // メインの処理がインデントなしで書ける
  console.log("保存しました");
}

早期リターンを使うことで、コードの可読性が格段に向上します。

条件が満たされない場合はすぐに中断させる、という習慣をつけることが重要です。

まとめ

JavaScriptのif文で処理を中断する方法には、関数の終了を意味するreturn、ループを抜けるbreak、反復をスキップするcontinue、そしてエラーを投げるthrowがあります。

それぞれの役割を正しく理解することで、無駄な処理を減らし、読みやすくメンテナンスしやすいコードを記述することができます。

特にreturnを用いた早期リターンの手法は、現場での開発においても必須のテクニックです。

まずは自分が書いているコードの中で、不要なelse句を減らし、条件に合わない場合に即座に中断できないか見直してみることから始めましょう。

適切な中断処理の実装は、バグの混入を防ぐための第一歩となります。