JavaScript 配列から重複を削除する

JavaScript 配列から重複を削除する
JavaScript 配列から重複を削除する
Hugo Bertrand
2024年7月11日木曜日 22:50:56

JavaScript における配列の一意性を理解する

JavaScript では、配列に一意の値のみが含まれていることを確認することが、さまざまなアプリケーションにとって重要です。これを実現する方法は複数ありますが、特定の方法は、ゼロの存在などの特定の条件下では失敗する可能性があります。

この記事では、配列から重複を削除するためのプロトタイプ スクリプトを検討します。ゼロ値で問題を特定し、より信頼性の高いソリューションと比較します。これらの違いを理解することで、JavaScript で配列の一意性をより効果的に処理する方法を学ぶことができます。

指示 説明
new Set() Set オブジェクトを作成します。これにより、任意の型の一意の値を保存できます。
[...new Set(array)] スプレッド演算子を使用して Set を一意の値の配列に変換します。
Array.prototype.getUnique 配列から一意の値を抽出するための新しいメソッドを配列プロトタイプに定義します。
uniqueElements[this[i]] = this[i] 一意性を確保するために、各要素をキーとしてオブジェクトに保存します。
for (let key in uniqueElements) uniqueElements オブジェクトのキーを反復処理して、結果の配列を構築します。
const uniqueElements = {} 空のオブジェクトを初期化して、一意の要素をキーとして保存します。

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

私たちが提示した最初のスクリプトでは、 new Set() JavaScript のオブジェクトを使用して、配列の一意性を確保します。あ Set は値のコレクションであり、各値は一意である必要があります。配列をに渡すことによって、 Set、重複する値が自動的に除外されます。変換するには、 Set 配列に戻すには、スプレッド演算子を使用します [...new Set(array)]。このメソッドは簡潔であり、JavaScript の組み込み機能を活用して、目的の結果を効率的に実現します。

たとえば、次のように、ゼロを含む重複する数値を含む配列がある場合、 [1, 2, 2, 3, 4, 4, 5, 0, 0]、 関数 getUniqueValues(array) 一意の値のみを含む配列を返します。 [1, 2, 3, 4, 5, 0]。この方法は簡単で、ゼロを含むすべてのタイプの要素を問題なく処理します。

一意の配列値を確保するためのカスタム メソッド

2 番目のスクリプトは、 Array.prototype 呼ばれた getUnique。この方法では、オブジェクトを使用して固有の要素を追跡します。メソッド内で、最初に空のオブジェクトを初期化します。 const uniqueElements = {} そして空の配列 const resultArray = []。次に、を使用して配列を反復処理します。 for ループし、各要素をキーとして uniqueElements オブジェクトを使用して、すべてのキーが一意であることを確認します。

入力後、 uniqueElements オブジェクト、別のものを使用します for...in ループしてオブジェクトのキーを反復処理し、それぞれの一意のキーを resultArray。最後にメソッドは戻ります resultArray、一意の値のみが含まれます。この方法は、組み込み関数だけに依存せずに手動で一意性を管理および強制する方法を示しているため、特に有益であり、JavaScript でのデータ構造の処理についての理解を深めることができます。

JavaScript 配列内で一意の値を確保する

セットを使用した JavaScript メソッド

function getUniqueValues(array) {
  return [...new Set(array)];
}

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = getUniqueValues(numbers);
console.log(uniqueNumbers);

カスタム関数を使用した配列内の重複の削除

JavaScript カスタム プロトタイプ メソッド

Array.prototype.getUnique = function() {
  const uniqueElements = {};
  const resultArray = [];
  for (let i = 0; i < this.length; i++) {
    uniqueElements[this[i]] = this[i];
  }
  for (let key in uniqueElements) {
    resultArray.push(uniqueElements[key]);
  }
  return resultArray;
};

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = numbers.getUnique();
console.log(uniqueNumbers);

アレイ重複排除技術の詳細

JavaScript で配列から重複を削除するためのもう 1 つの重要なテクニックは、 filter と組み合わせた方法 indexOf 方法。この方法では、配列を反復処理し、最初に出現した要素が現在の位置と一致する要素のみを含めます。これにより、各要素が結果の配列に 1 回だけ含まれるようになり、効果的に重複が削除されます。

たとえば、配列を考えてみましょう [1, 2, 2, 3, 4, 4, 5, 0, 0]。を使用することで array.filter((item, index) => array.indexOf(item) === index)、重複する値をフィルタリングして除外できます。このアプローチは、現在の要素のインデックスがその要素の最初の出現インデックスと同じかどうかをチェックすることによって機能します。そうである場合、その要素は一意であり、新しい配列に含まれます。

JavaScript 配列の重複排除に関するよくある質問

  1. 配列から重複を削除する最も効率的な方法は何ですか?
  2. を使って Set これは時間計算量が O(n) であるため、最も効率的な方法の 1 つです。
  3. を使用できますか filter 重複を削除する方法?
  4. はい、組み合わせます filter と indexOf 重複を削除する一般的な方法です。
  5. なぜ、 prototype メソッドはゼロで失敗しますか?
  6. 元のスクリプトはゼロで失敗します。 for (i = 0; e = this[i]; i++) ゼロで停止し、false として解釈されます。
  7. 一意性を保つために配列内のさまざまなデータ型を処理するにはどうすればよいですか?
  8. を使って Set 各値が一意であることを保証することで、さまざまなデータ型を効率的に処理します。
  9. 使用するメリットは何ですか new Set() 他の方法よりも?
  10. new Set() は簡潔であり、追加のロジックを必要とせずにすべてのタイプの値を処理します。
  11. すべての配列に一意のメソッドを追加できますか?
  12. はい、メソッドを追加することで、 Array.prototypeを使用すると、すべてのアレイで使用できるようになります。
  13. 改造するデメリットは何ですか Array.prototype?
  14. 変更中 Array.prototype 他のスクリプトも変更すると、競合が発生する可能性があります。
  15. 元の配列を変更せずに一意性を確保する方法はありますか?
  16. はい、次のようなメソッドです new Set() そして filter 元の配列を保持したまま、新しい配列を作成します。

JavaScript 配列の重複排除に関する最終的な考え

配列から重複を削除するためのさまざまな手法を理解することで、特定の使用例に最も適した方法を選択できます。使用しているかどうか Set シンプルさと効率性を追求するか、より深く理解するためのカスタム メソッドを使用するか、これらのアプローチをマスターすると、JavaScript のスキルが向上します。ゼロ値などの特殊なケースを処理することで、ソリューションの堅牢性が保証されます。