underscore.jsの_.each関数からループを抜ける方法

_.eachではbreakによる脱出ができない

underscore.jsの_.eachメソッドでは、break文によってループを途中で抜けることができません。これは_.eachがJavaScriptのネイティブメソッドであるArray.prototype.forEachの挙動をそのまま模倣しているためです。forEach自体には、例外を投げるという手段を除いて、ループを強制的に中断する仕組みが用意されていません。

そのため、条件を満たした時点で処理を終了したい場合は、以下のような代替手段を使用する必要があります。

方法1：_.findを使う

_.findは、条件に合致する要素が見つかった時点で自動的にループを終了し、その要素を返り値として返します。早期脱出が必要なケースでは、最もシンプルで推奨される方法です。

const result = _.find([1, 2, 3, 4], (element) => {
    // ここで条件を判定します
    if (element === 2) {
        return true;
    }
    // ここで各要素に対して行いたい処理を記述します
    // ...
});
// result には 2 が格納されます

なお、単に繰り返し処理を行いたいだけで戻り値が不要な場合でも、_.findのコールバック内で処理を実行すれば、目的を達成できます。

方法2：例外を投げて抜ける

どうしても_.eachを使いたい場合は、コールバックの中から意図的に例外をスローし、それをtry...catchで受け止めることでループを脱出できます。

try {
    _([1, 2, 3, 4]).each((element) => {
        // ここで条件を判定します
        if (element === 2) {
            throw new Error();
        }
        // ここで各要素に対して行いたい処理を記述します
        // ...
    });
}
catch (e) {
    // 脱出用の例外なので何も処理しません
}

ただし、この手法は制御フローのために例外を利用するものであり、可読性やパフォーマンスの面で好ましくないとされています。あくまで最後の手段として考え、可能であれば_.findや、ES2015以降であればfor...of文とbreakの組み合わせ、あるいはArray.prototype.some・everyの活用を検討するとよいでしょう。