JavaScriptで指定した数より大きい・小さい配列要素の個数を数える方法

問題の概要

次のような数値の配列があるとします。

const array = [3.1, 1, 2.2, 5.1, 6, 7.3, 2.1, 9];

ここで求めたいのは、指定した基準値よりも「小さい要素」と「大きい要素」がそれぞれ何個ずつ含まれているかを数える関数です。

具体例

たとえば基準値が 5.25 の場合、それより小さい要素は次の5つです。

(3.1, 1, 2.2, 5.1, 2.1)

逆に、基準値より大きい要素は次の3つになります。

(6, 7.3, 9)

注意： 要素の値が基準値とちょうど等しい場合は、「大きい側（以上）」としてカウントするルールとします。

実装コード

それでは、実際に関数を実装してみましょう。

const array = [3.1, 1, 2.2, 5.1, 6, 7.3, 2.1, 9];
const countNumbers = (arr, num) => {
    return arr.reduce((acc, val) => {
        const legend = ['upper', 'lower'];
        const isBelow = val < num;
        acc[legend[+isBelow]]++;
        return acc;
    }, {
        lower: 0,
        upper: 0
    });
};
console.log(countNumbers(array, 5.25));
console.log(countNumbers(array, 7));
console.log(countNumbers(array, 1));

コードのポイント

この実装では Array.prototype.reduce() を活用し、配列を1回の走査だけで両方のカウントをまとめて取得しています。初期値として { lower: 0, upper: 0 } を持つオブジェクトを渡し、各要素ごとに val < num の判定結果をもとにカウント先を振り分けます。

特に注目すべきは const legend = ['upper', 'lower']; の部分です。真偽値 isBelow に単項プラス演算子（+）を適用すると、false は 0、true は 1 に変換されます。そのため、legend[+isBelow] によって「基準値未満なら 'lower'」「基準値以上なら 'upper'」というキーが自動的に選択され、条件分岐を書かずに簡潔に処理できるのが特徴です。

実行結果

コンソールには以下のように出力されます。

{ lower: 5, upper: 3 }
{ lower: 6, upper: 2 }
{ lower: 0, upper: 8 }

• 5.25 を指定した場合： 小さい要素が5個、大きい要素が3個
• 7 を指定した場合： 小さい要素が6個、大きい（7を含む）要素が2個
• 1 を指定した場合： 小さい要素は0個で、すべての要素が「大きい側」に分類される

このように reduce() を使うことで、フィルタ処理を複数回行う必要がなく、効率的かつ読みやすいコードで実現できます。