67
56

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【JavaScript】重複を取り除くにはSetオブジェクトを使おう

Posted at

#はじめに

プログラミング歴3ヶ月の素人が書いています。(間違っていたらご指摘ください)

  • JavaScriptのSetオブジェクトについて

上記についてまとめます。

#今回の目的

重複する値を含む配列を、重複のない配列に変換します。
その際に、Setオブジェクトを活用します。

#Setオブジェクトについて

Setオブジェクトは、重複のないコレクションです。

const set1 = new Set([1, 2, 3, 4, 5]);

上記のようにnew Set()して作成します。

Setの中身は一意であることが保証されています。

#重複を含む配列からSetオブジェクトを作成する

const numbers = [2,3,4,4,2,3,3,4,4,5,5,6,6,7,5,32,3,4,5]
 
const setNums = new Set(numbers)

//{2, 3, 4, 5, 6, 7, 32} <= Setオブジェクト

重複を含む配列からSetオブジェクトを作成しました。
重複していた値がなくなっています。

#Setオブジェクトを配列に戻す

const uniqueNums = Array.from(setNums)

// [2, 3, 4, 5, 6, 7, 32]

Array.from()を利用することで、重複のないSetオブジェクトから配列を改めて作成できました。

#まとめ

配列をSetオブジェクト化することで、まるで重複を取り除くような処理が可能です。
配列にまた戻して利用することもできます。

67
56
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
67
56

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?