JavaScriptで2つの異なる配列から重複する要素を削除する方法

1. 方法1: Setを使用する方法 Setオブジェクトは重複する値を持たない一意の値のコレクションを作成するため、Setを使用して重複を削除することができます。

const array1 = [1, 2, 3, 4, 5];
const array2 = [4, 5, 6, 7, 8];
const set1 = new Set(array1);
const set2 = new Set(array2);
const uniqueArray1 = Array.from(set1);
const uniqueArray2 = Array.from(set2);

2. 方法2: filter()メソッドを使用する方法 filter()メソッドを使用して、2つの配列から重複する要素をフィルタリングすることができます。

const array1 = [1, 2, 3, 4, 5];
const array2 = [4, 5, 6, 7, 8];
const uniqueArray1 = array1.filter(item => !array2.includes(item));
const uniqueArray2 = array2.filter(item => !array1.includes(item));

3. 方法3: reduce()メソッドを使用する方法 reduce()メソッドを使用して、2つの配列から重複する要素を削除することもできます。

const array1 = [1, 2, 3, 4, 5];
const array2 = [4, 5, 6, 7, 8];
const uniqueArray1 = array1.reduce((result, item) => {
  if (!array2.includes(item)) {
    result.push(item);
  }
  return result;
}, []);
const uniqueArray2 = array2.reduce((result, item) => {
  if (!array1.includes(item)) {
    result.push(item);
  }
  return result;
}, []);

これらの方法を使用すると、2つの異なる配列から重複する要素を削除することができます。お好みの方法を選択し、コードに組み込んでください。