JavaScript Setコンストラクタを使用して配列要素の重複を排除する方法

構文

new Set(iterable)

引数 – iterable: StringやArrayなどの反復可能オブジェクト
戻り値 – 渡された反復可能オブジェクトのすべての要素を持つSetオブジェクト

サンプルプログラム

配列から重複する要素を排除し、新たに配列を生成する。

const fruits = ['apple', 'banana', 'grape', 'banana', 'orange']; // bananaが重複
const set = new Set(fruits); // 重複するbananaを排除
const newFruits = Array.from(set); // Setオブジェクトより配列を生成

console.log('fruit: ' + fruits);
console.log('newFruits: ' + newFruits);

■出力結果
fruit: apple,banana,grape,banana,orange
newFruits: apple,banana,grape,orange

補足情報

Setオブジェクトには重複する値を格納できないという特徴があるため、重複する要素を排除することができます。配列から重複する要素を排除したい場合は、サンプルプログラムのようにArray.fromメソッドと組み合わせて使用しましょう。