javascript 配列から重複してないデータだけを抽出する

javascript 配列から重複してないデータだけを抽出する

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

環境

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

filterメソッド使い方

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

filterメソッドを使って、重複してないデータだけを抽出するには、
条件に配列内のデータが最初に見つかった位置と、最後に見つかった位置が同じで場合とすれば抽出可能となります。

サンプルコード

以下は、ランダムな配列を作成して、配列から重複してないデータだけを抽出して表示するサンプルコードとなります。

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

重複してないデータのみ表示されていることが確認できます。