JavaScriptで配列の重複を削除する方法


  1. Setを使用する方法: Setオブジェクトは、一意の値の集合を保持するためのデータ構造です。重複を削除したい配列をSetに変換し、新しい配列に戻すことで重複を排除することができます。
const array = [1, 2, 3, 3, 4, 5, 5];
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // [1, 2, 3, 4, 5]
  1. filterメソッドを使用する方法: filterメソッドを使用して、各要素が最初に出現したインデックスと同じかどうかを判定することで、重複を削除することができます。
const array = [1, 2, 3, 3, 4, 5, 5];
const uniqueArray = array.filter((value, index, self) => {
  return self.indexOf(value) === index;
});
console.log(uniqueArray); // [1, 2, 3, 4, 5]
  1. reduceメソッドを使用する方法: reduceメソッドを使用して、重複を削除しながら新しい配列を構築することもできます。
const array = [1, 2, 3, 3, 4, 5, 5];
const uniqueArray = array.reduce((accumulator, value) => {
  if (!accumulator.includes(value)) {
    accumulator.push(value);
  }
  return accumulator;
}, []);
console.log(uniqueArray); // [1, 2, 3, 4, 5]

これらの方法を使用することで、JavaScriptで配列から重複を削除することができます。どの方法を選んでも同じ結果が得られますので、ご自身のコーディングスタイルに合わせて選んでください。