javascript 配列から重複したデータを抽出する

javascript 配列から重複したデータを抽出する

javascriptで、filterメソッドを使用して配列から重複したデータを抽出するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

filterメソッド使い方

filterメソッドを使うと、配列から指定した条件で値を抽出することが可能です。

filterメソッドを使って、配列から重複を取り除くには、
条件に
要素の番号と最後に見つかった位置が異なる場合(重複確認)
かつ
最初に見つかった位置と、配列の要素番号が一緒の場合(重複した最初のデータ)
のみとすれば可能です。

以下は、配列 [ 7, 6, 3, 1, 6]に、上記のfilterメソッドを使用した結果です。

サンプルコード

以下は、「抽出」ボタンをクリックすると、ランダムな配列を作成して、重複しているデータを表示するサンプルコードとなります。

※cssには「bootstrap material」を使用してます。

重複したデータが抽出されていることが確認できます。