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ループを用いた重複削除よりも高速に処理されます。