TypeScript

TypeScriptで配列から重複排除するメソッド

TypeScriptで配列から重複した要素を取り除くには、ES6のSetを使った方法が簡単で効率的です。Setは重複した値を許可しない特性を持つため、配列から重複を簡単に排除することができます。 以下に、TypeScriptで配列から重複を排除するいくつかの方法を紹介します。

TypeScriptで配列から重複した要素を取り除くには、ES6のSetを使った方法が簡単で効率的です。Setは重複した値を許可しない特性を持つため、配列から重複を簡単に排除することができます。

以下に、TypeScriptで配列から重複を排除するいくつかの方法を紹介します。

#方法 1: Setを使用する

Setを使って配列から重複を取り除く最も簡単な方法です。Setを使うと、重複のない一意の値のリストを作成できます。

実装例

function removeDuplicates<T>(array: T[]): T[] {
  return [...new Set(array)];
}

// 使用例
const numbers = [1, 2, 2, 3, 4, 4, 5];
const uniqueNumbers = removeDuplicates(numbers);

console.log(uniqueNumbers); // 出力: [1, 2, 3, 4, 5]

説明

  1. new Set(array) を使って、配列をSetに変換します。これにより、重複が自動的に排除されます。
  2. [...new Set(array)] でSetを再び配列に戻します。

この方法は非常に効率的で、簡潔なコードで実装できます。

#方法 2: filter() と indexOf() を使用する

Array.prototype.filter と indexOf を組み合わせて重複を排除する方法もあります。

実装例

function removeDuplicates<T>(array: T[]): T[] {
  return array.filter((item, index) => array.indexOf(item) === index);
}

// 使用例
const names = ['Alice', 'Bob', 'Alice', 'Carol', 'Bob'];
const uniqueNames = removeDuplicates(names);

console.log(uniqueNames); // 出力: ['Alice', 'Bob', 'Carol']

説明

  • filter メソッドは、配列の各要素に対してコールバック関数を実行し、返り値がtrueである要素を保持します。
  • array.indexOf(item) は、配列の最初の出現位置を返します。filterのコールバック内で、現在のインデックスとindexOfで取得したインデックスが一致する場合のみ、その要素を保持します。

#方法 3: reduce() を使用する

Array.prototype.reduceを使用して、重複を排除した新しい配列を作成する方法です。

実装例

function removeDuplicates<T>(array: T[]): T[] {
  return array.reduce((unique, item) => {
    return unique.includes(item) ? unique : [...unique, item];
  }, [] as T[]);
}

// 使用例
const fruits = ['apple', 'banana', 'apple', 'orange', 'banana'];
const uniqueFruits = removeDuplicates(fruits);

console.log(uniqueFruits); // 出力: ['apple', 'banana', 'orange']

説明

  • reduce は、配列の各要素に対してコールバック関数を実行し、最終的に1つの値（ここでは重複を排除した配列）を返します。
  • コールバック関数内で、現在の要素がまだ新しい配列に含まれていない場合にだけ、配列に追加します。

#方法 4: forループとオブジェクトを使用する

この方法では、forループとオブジェクトを使って重複を排除します。この方法は、より手動での制御が必要な場合に適しています。

実装例

function removeDuplicates<T>(array: T[]): T[] {
  const uniqueItems: { [key: string]: boolean } = {};
  const result: T[] = [];

  for (const item of array) {
    if (!uniqueItems[item as unknown as string]) {
      uniqueItems[item as unknown as string] = true;
      result.push(item);
    }
  }

  return result;
}

// 使用例
const letters = ['a', 'b', 'a', 'c', 'b'];
const uniqueLetters = removeDuplicates(letters);

console.log(uniqueLetters); // 出力: ['a', 'b', 'c']

説明

  • uniqueItems はオブジェクトとして機能し、すでに見た要素をキーとして保持します。
  • 配列をループし、uniqueItemsに存在しない場合にだけ、結果配列に追加します。

#まとめ

  • **Set**を使用する方法: 簡単で、TypeScriptやJavaScriptの最新の構文を利用する場合に最適です。
  • **filterとindexOf**を使用する方法: 初心者でも理解しやすい方法で、明示的な処理を行う場合に適しています。
  • **reduce**を使用する方法: 配列を処理する際に、より柔軟な操作が必要な場合に便利です。
  • **for**ループとオブジェクトを使用する方法: 手動での制御が必要な場合や、最小限のメモリ使用を意識する場合に有用です。

それぞれの方法にはメリットとデメリットがあるため、プロジェクトの要件に応じて適切な方法を選んでください。

タグ一覧