JavaScriptで配列から重複するオブジェクトを削除する方法


方法1: Setを使用する方法 Setオブジェクトは一意の値のコレクションです。重複する値は自動的に削除されます。

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

方法2: filter()とindexOf()を使用する方法 filter()とindexOf()メソッドを組み合わせて、重複するオブジェクトをフィルタリングすることができます。

const array = [1, 2, 3, 3, 4, 4, 5];
const uniqueArray = array.filter((value, index, self) => {
  return self.indexOf(value) === index;
});
console.log(uniqueArray); // [1, 2, 3, 4, 5]

方法3: reduce()を使用する方法 reduce()メソッドを使用して、重複するオブジェクトを削除することもできます。

const array = [1, 2, 3, 3, 4, 4, 5];
const uniqueArray = array.reduce((accumulator, currentValue) => {
  if (!accumulator.includes(currentValue)) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);
console.log(uniqueArray); // [1, 2, 3, 4, 5]

これらの方法を使用すると、JavaScriptで配列から重複するオブジェクトを削除することができます。選択した方法によって、処理の効率やコードの読みやすさが異なるため、状況に応じて最適な方法を選択してください。