javascript 配列から重複を取り除く

javascript 配列から重複を取り除く

javascriptで、filterメソッドを使用して配列から重複を取り除くサンプルコードを記述してます。

環境

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

filterメソッド使い方

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

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

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

サンプルコード

以下は、ランダムな配列を作成して、重複を削除して表示するサンプルコードとなります。

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

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