javascript setオブジェクトを使用して配列から重複を除去する

javascript setオブジェクトを使用して配列から重複を除去する

javascriptで、重複する値は追加できないsetオブジェクトを使用して、配列から重複を除去するサンプルコードを記述してます。

環境

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

setオブジェクト使い方

setオブジェクトを使えば、重複する値は追加できないことを利用して配列から除去することが可能です。

実行結果

サンプルコード

以下は、
「除去」ボタンをクリックすると、ランダムに生成した5個の配列からsetを使用して配列から重複を除去する
サンプルコードとなります。

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

除去されていることが確認できます。