JavaScriptで配列から一意（ユニーク）な要素だけを抽出する方法

JavaScriptでは、重複した要素を含む配列から「1回だけ出現する要素」を取り出したいケースがあります。

例えば、次のような配列を考えてみましょう。

const arr = [1,1,2,2,3,4,4,5];

この配列には「1」「2」「4」がそれぞれ2回含まれています。ここで求められているのは、元の配列内に一度しか現れない要素だけを集めた新しい配列を返す関数です。上記の例であれば、結果として [3, 5] が得られます。

それでは、実際にコードを見ていきましょう。

実装例

const arr = [1,1,2,2,3,4,4,5];
const extractUnique = arr => {
    const res = [];
    for(let i = 0; i < arr.length; i++){
        if(arr.lastIndexOf(arr[i]) !== arr.indexOf(arr[i])){
            continue;
        };
        res.push(arr[i]);
    };
    return res;
};
console.log(extractUnique(arr));

出力結果

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

[ 3, 5 ]

コードの解説

この関数の仕組みはとてもシンプルです。indexOf() は指定した要素が最初に出現するインデックスを返し、lastIndexOf() は最後に出現するインデックスを返します。

要素が配列内に1回しか存在しない場合、この2つの戻り値は必ず一致します。逆に、両者が異なる場合はその要素が複数回出現していることを意味するため、continue 文によってループがスキップされ、結果の配列には追加されません。

このように、標準メソッドの組み合わせだけで、フィルタ処理を直感的に実装できるのがポイントです。