JavaScript 配列の重複を除去する方法

JavaScriptで配列の重複を除去する方法を解説します。

配列の重複を除去するにはどうすればいいですか?

Setオブジェクトを利用する方法が簡単です。

目次

受講者数No.1!初心者からプロへ導く信頼のスクール

    短期間で習得可能!未経験から実践力を磨く充実のプログラム

    今なら無料相談でAmazonギフトカードがもらえる!

    Setオブジェクトを使った重複削除の方法

     Setオブジェクトは重複する要素を保存しないコレクションの一種です。
    このため、重複を除去するために非常に便利です。

    以下はSetオブジェクトを使って配列の重複を除去するサンプルコードです。

    let numbers = [1, 2, 3, 4, 1, 2, 5];
    let uniqueNumbers = Array.from(new Set(numbers));
    console.log(uniqueNumbers); 
    // Output: [1, 2, 3, 4, 5]

    この方法は、配列をSetオブジェクトに変換してから、再度配列に変換することで重複を除去するものです。

    また、SetオブジェクトとSpread演算子を組み合わせることでも、配列の重複を除去することができます。

    以下はSetとSpread演算子を使って配列の重複を除去するサンプルコードです。

    let numbers = [1, 2, 3, 4, 1, 2, 5];
    let uniqueNumbers = [...new Set(numbers)];
    console.log(uniqueNumbers); 
    // Output: [1, 2, 3, 4, 5]

     この方法も、配列をSetオブジェクトに変換してから、Spread演算子を使用して配列に変換することで重複を除去するものです。

    リスキリングでキャリアアップしてみませんか?

    リスキリング(学び直し)は、経済産業省が推奨しており、

    今だけ、最大70%のキャッシュバックを受けることができます。

    リスキリング 給付金が出るスクール紹介

    最大70%の給付金が出るおすすめのプログラミングスクール!

    国策で予算が決められているため申し込みが多い場合は早期に終了する可能性があります!

    興味のある方はすぐに確認しましょう。

    この記事のまとめ

    配列の重複を除去する方法について解説しました。

    • Setオブジェクトは重複する要素を保存しないコレクションの一種です。
    • 配列の重複を除去するには、Setオブジェクトを使用することで重複を除去することができます。
    • SetオブジェクトとSpread演算子を組み合わせることでも配列の重複を除去することができます。

    配列の重複を簡単に除去することができました!

    配列の重複を除去するためのいくつかの方法があります。適切な方法を選択することで、効率的で読みやすいコードを書くことができます。

    よかったらシェアしてね!
    • URLをコピーしました!
    • URLをコピーしました!

    コメント

    コメントする

    CAPTCHA


    目次