JavaScriptの配列で、指定した数値より上または下の要素数をカウントする方法

はじめに

JavaScriptでは、配列内の各要素が特定の基準値より「下」なのか「以上」なのかを一括で判定し、それぞれの件数を数えたいケースがあります。本記事では、reduce() メソッドを活用したシンプルで効率的な実装方法を解説します。

対象となるデータ

まず、次のような数値の配列を考えてみましょう。

const array = [54,54,65,73,43,78,54,54,76,3,23,78];

この配列に対して、指定した数値よりも小さい要素がいくつあるか、基準値以上の要素がいくつあるかをカウントする関数を作成します。たとえば基準値が 50 の場合、50未満の要素は 43・3・23 の 3つ、50以上の要素は残りの 9つとなります。

reduce() を使った実装例

この処理は、Array.prototype.reduce() を使うことで簡潔に書けます。各要素を走査しながら、基準値より小さければ「below」、そうでなければ「par」のカウンターを増やしていきます。

const array = [54,54,65,73,43,78,54,54,76,3,23,78];

const belowParNumbers = (arr, num) => {
    return arr.reduce((acc, val) => {
        const legend = ['par', 'below'];
        const isBelow = val < num;
        acc[legend[+isBelow]]++;
        return acc;
    }, {
        below: 0,
        par: 0
    });
};
console.log(belowParNumbers(array, 50));
console.log(belowParNumbers(array, 60));
console.log(belowParNumbers(array, 70));

コードのポイント

• ブール値の数値変換：+isBelow のように単項プラス演算子を使うと、true は 1 に、false は 0 に変換されます。
• legend 配列による分岐：インデックス 0 が「par」、インデックス 1 が「below」に対応しているため、変換後の数値でそのままキーを選択できます。if 文を書かずに済むスマートなテクニックです。
• 初期値の設定：reduce() の第2引数に { below: 0, par: 0 } を渡すことで、累積オブジェクトとしてカウンターを用意しています。

出力結果

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

{ below: 3, par: 9 }
{ below: 7, par: 5 }
{ below: 8, par: 4 }

このように、基準値が 50・60・70 と変わるごとに、基準値を下回る要素数（below）と基準値以上の要素数（par）が正しくカウントされていることが確認できます。なお、ここでの「par」は基準値と一致する場合も含むため、実質的には「基準値以上」の要素数を表しています。