配列から重複を削除するショート&甘い方法!


TLR


const numbers = [1,2,2,3,3,3,4,4,4,4]
console.log([...new Set(numbers)]) //output:  [1,2,3,4]
// OR
console.log(Array.from(new Set(numbers))) //output: [1,2,3,4]

ロングバージョン


何を見て始めるかSet ...
によるとMDN

Set objects are collections of values. You can iterate through the elements of a set in insertion order. A value in the Set may only occur once; it is unique in the Set's collection.


上記から理解できるのは、集合が配列のようなものであることを意味します.つまり、それらが反復することができる値のコレクションであるという意味ですが、プライムの違いは、上記の

A value in the Set may only occur once;


セットの上記のプロパティは、我々が我々の配列から複製を追放するために活用されるものです.

さあ、チェイスに切りましょう。



そこで、重複して並べられた配列を考えます
const numbers = [1,2,2,3,3,3,4,4,4,4]
我々はそのプロセスを2つの段階に分けるつもりだ

配列を設定する


console.log(new Set(numbers)) //output: {1,2,3,4}
あなたが気づいたかもしれないように、重複が削除されている!また、注意すべき別のことは、evenset setとarrayが類似性を持っていることです.

2 .配列への変換


これには二つの方法がある

拡張演算子の使用


console.log([...new Set(numbers)]) //output: [1,2,3,4]

使用する配列。from ()


console.log(Array.from(new Set(numbers))) //output: [1,2,3,4]

ポストが好き?見せる❤️


資源

  • MDN Web Docs — Set