Tips

今日の開発Tips(2025-05-24)

今日の開発Tipsは、JavaScriptで配列の重複要素を簡単に削除する方法を紹介します。`Set`オブジェクトを利用することで、少ないコード行数で効率的に重複を排除できます。これにより、コードの可読性が向上し、バグのリスクも軽減されます。

配列の重複要素削除:Setオブジェクトの活用

JavaScriptでは、配列から重複要素を削除するために、Setオブジェクトを使うと非常に簡潔に記述できます。Setオブジェクトは、重複要素を含まないデータ構造を持つため、配列をSetに変換し、再び配列に戻すことで簡単に重複削除を実現できます。

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

const uniqueArray = [...new Set(originalArray)];

console.log(uniqueArray); //出力:[1, 2, 3, 4, 5]

注意点:Setオブジェクトは、元の配列の要素の順番を維持しません。順番を維持したい場合は、別途ソート処理などを追加する必要があります。

おすすめポイント:Setオブジェクトを使うことで、従来のループによる重複削除処理と比べて、コードが短く、可読性が高まります。また、パフォーマンス面でも効率的です。 多くの場合、forループを用いた重複削除よりも高速に処理されます。