JavaScriptで配列内の重複する要素を削除する方法
JavaScriptにおいて、配列内の重複要素を削除して、重複のない新しい配列を取得するには、Setオブジェクトを使用します。
Setオブジェクトとは、ES6から導入されたJavaScriptの機能ですが、これを使うことによって配列内の重複要素を最も簡単に取り除くことができます。
基本的な構文は以下の通りです。
let newArray = Array.from(new Set(配列));
// もしくは
let newArray = [...new Set(配列)];以下で具体的なコード例を紹介しますね。
Setオブジェクトを使用して配列の重複要素を削除する
文字列の配列から重複を削除して、新しい配列を作る例です。
let names = ['佐藤', '大森', '鈴木', '佐藤', '田中', '佐藤', '清村']
let newNames1 = Array.from(new Set(names));
let newNames2 = [...new Set(names)];
console.log(newNames1) // ['佐藤', '大森', '鈴木', '田中', '清村']
console.log(newNames2) // ['佐藤', '大森', '鈴木', '田中', '清村']以下では、数値の配列から重複する数を削除します。
let numbers = [100, 300, 500, 200, 200, 300, 700, 100, 400]
let newNumbers1 = Array.from(new Set(numbers));
let newNumbers2 = [...new Set(numbers)];
console.log(newNumbers1) // [100, 300, 500, 200, 700, 400]
console.log(newNumbers2) // [100, 300, 500, 200, 700, 400]