JavaScriptで配列から重複を削除する最速の方法

JavaScript はスクリプト言語として、読み書きが簡単なため、Web 開発やフロントエンド UI デザインで広く使用されています。一般的なデータ構造として、配列は JavaScript の使用において、ループ内の走査、並べ替えなどの重要な役割を果たすことがよくあります。配列操作を実行すると、配列要素の重複が発生することがよくありますが、このとき、配列に対して重複排除操作を実行する必要があります。

それでは、JavaScript 配列を最速で重複排除するにはどうすればよいでしょうか?

方法 1: Set を使用する (ES6)

ネイティブ JavaScript では、Set は配列の重複排除の問題をうまく解決します。未知の数の要素コレクションの重複排除と並べ替え操作を迅速に完了できます。 。以下は Set を使用して重複を削除するコード実装です。

let uniqueArray = Array.from(new Set(originalArray)); 

または

let uniqueArray= [...new Set(originalArray)]; 

のように記述することもできます。 その中で、Array.from() メソッドを使用して Set を配列、および [...] は スプレッド演算子は、Set を配列に直接変換する方法です。

Set を使用した重複排除方法はコードが簡単で、大規模な配列を処理する場合により効率的です。ただし、この方法は IE ブラウザとの互換性があまり高くないため、使用する前にブラウザが Set をサポートしているかどうかを確認することをお勧めします。

方法2:indexOfを利用する

indexOfメソッドを利用することで、配列要素の有無を簡単に判定することができ、配列の重複排除機能を実現できます。以下は、indexOf を使用して配列の重複排除を実装するためのコードです。

let uniqueArray = [];
for(let i = 0; i < originalArray.length; i++){
    if(uniqueArray.indexOf(originalArray[i]) === -1){
        uniqueArray.push(originalArray[i]);
    }
}

この実装では、配列 uniqueArray を使用して一意の要素を格納し、元の配列originalArray を走査し、その要素が既に存在するかどうかを確認します。 uniqueArray が存在しない場合は、uniqueArray に追加します。

このメソッドのコード サイズは少し複雑ですが、ループする必要があるのは 1 回だけであるため、小さな配列では非常に高速です。

方法 3: 新しい ES6 メソッドを使用する include

ES6 には新しい include メソッドがあり、配列に特定の要素が含まれているかどうかを確認するために使用できます。大きな配列を多数処理しています。以下は、インクルードを使用して配列の重複排除を実装するためのコードです。

let uniqueArray = [];
for(let i = 0; i < originalArray.length; i++){
    if(!uniqueArray.includes(originalArray[i])){
        uniqueArray.push(originalArray[i]);
    }
}

indexOf メソッドと同様に、この実装でも、新しい配列 uniqueArray を使用して非重複要素を格納します。このアプローチは読み取り可能であり、大規模なアレイでの高速な重複排除が可能になります。

結論

上記の 3 つの方法の中で、Set を使用するのが最も簡単で速いです。ただし、ブラウザが Set に対応しているかどうかを確認する必要があることに注意してください。 IndexOf メソッドは読みやすくなっていますが、小さな配列にのみ適しています。 ES6 の include メソッドを使用すると、大きな配列を処理でき、さらに短くて読みやすくなります。

実際のプロジェクトでは、さまざまな方法を試してみて、実際の状況に応じて最適な方法を選択してください。

以上がJavaScriptで配列から重複を削除する最速の方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。