JavaScriptで配列内の重複したオブジェクトを削除する方法

1. Setを使用する方法: SetはJavaScriptの組み込みオブジェクトで、重複した値を持たない一意の値のコレクションを作成するために使用できます。重複を削除した配列を取得するには、次のようにします。

const array = [1, 2, 3, 4, 4, 5, 6, 6];
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // [1, 2, 3, 4, 5, 6]

この方法では、配列内の重複したオブジェクトを削除することができます。

2. filter()とindexOf()を使用する方法: filter()メソッドとindexOf()メソッドを組み合わせることで、重複を削除した配列を作成することもできます。

const array = [1, 2, 3, 4, 4, 5, 6, 6];
const uniqueArray = array.filter((item, index) => array.indexOf(item) === index);
console.log(uniqueArray); // [1, 2, 3, 4, 5, 6]

この方法では、filter()メソッドを使用して元の配列をループし、indexOf()メソッドを使用して各要素の最初のインデックスと比較します。重複した要素のみをフィルタリングし、重複を削除した配列を作成します。

これらはJavaScriptで配列内の重複したオブジェクトを削除するためのシンプルで効果的な方法です。どちらの方法でも、重複を削除した新しい配列が生成されます。ご希望の解決策を選択して、プロジェクトに組み込んでください。