JavaScriptで配列から指定した数値以上の要素を抽出する方法

JavaScriptでは、数値の配列の中から特定の条件を満たす要素だけを取り出したい場面がよくあります。本記事では、第一引数に数値の配列、第二引数に基準となる数値を受け取り、その数値以上の要素だけを含む新しい配列を返す関数の作り方を解説します。

実装コード

以下は、forループを使って条件を満たす要素を集めるシンプルな実装例です。

const arr = [56, 34, 2, 7, 76, 4, 45, 3, 3, 34, 23, 2, 56, 5];
const threshold = 40;

const findGreater = (arr, num) => {
    const res = [];
    for(let i = 0; i < arr.length; i++){
        if(arr[i] < num){
            continue;
        };
        res.push(arr[i]);
    };
    return res;
};

console.log(findGreater(arr, threshold));

このコードでは、配列の各要素を順番にチェックし、引数で渡した数値（ここでは40）より小さい要素はcontinue文でスキップします。条件を満たす要素だけが結果配列resにpushされ、最後にその配列が返されます。

出力結果

上記のコードを実行すると、コンソールには次のように出力されます。

[ 56, 76, 45, 56 ]

より簡潔な書き方：filter()メソッドを使う

Array.prototype.filter()を利用すれば、同じ処理をもっと簡潔に記述できます。

const arr = [56, 34, 2, 7, 76, 4, 45, 3, 3, 34, 23, 2, 56, 5];
const threshold = 40;

console.log(arr.filter(num => num >= threshold)); // [ 56, 76, 45, 56 ]

filter()は、コールバック関数がtrueを返した要素だけで新しい配列を自動的に生成してくれるメソッドです。ループ変数やcontinue文が不要になるため、コードが短くなり、可読性・保守性も大きく向上します。日常的な開発では、このような配列メソッドを活用するのがおすすめです。