JavaScriptは配列内で繰り返されません

王林
リリース: 2023-05-17 19:21:35
オリジナル
482 人が閲覧しました

Javascript は一般的に使用されるスクリプト言語であり、Web 開発の分野で広く使用されています。配列は、JavaScript で最も重要なデータ型の 1 つです。開発中は、データをより効率的に処理するために配列の重複排除が必要になる場合があります。この記事ではJavaScriptで配列から重複した要素を削除する方法を紹介します。

  1. Set オブジェクトの使用

JavaScript の Set オブジェクトは、一意の値のセットを格納できるコレクション データ構造です。 Set オブジェクトを使用して、配列から重複要素を削除できます。具体的なコードは次のとおりです:

let arr = [1, 2, 3, 3, 4, 4, 5];
let uniqueArr = [...new Set(arr)];
console.log(uniqueArr); //[1, 2, 3, 4, 5]
ログイン後にコピー

ここでは、最初に重複要素を含む配列 arr を定義し、次に ## を使用します#new Set( arr)Set オブジェクトを作成し、スプレッド演算子を介して配列に変換します...

    Array.prototype.reduce() メソッドを使用する
重複を削除する別の方法は、reduce() メソッドを使用することです。 reduce() メソッドは、配列の各要素に関数を適用し、その結果を 1 つの値に要約します。重複排除操作では、各要素をオブジェクトのキーとして保存し、それに応じて重複する要素をスキップできます。具体的なコードは次のとおりです。

let arr = [1, 2, 3, 3, 4, 4, 5];
let uniqueArr = arr.reduce(function(acc, current) {
  if (acc.indexOf(current) === -1) {
    acc.push(current);
  }
  return acc;
}, []);
console.log(uniqueArr); //[1, 2, 3, 4, 5]
ログイン後にコピー

ここでは、reduce() メソッドを使用して配列

arr の各要素を走査します。acc は累積値を表し、 current は現在の要素を表します。各反復で、現在の要素が acc 配列に既に存在するかどうかを確認し、存在しない場合は配列にプッシュします。

    Array.prototype.filter() メソッドを使用する
重複を削除する別の方法は、filter() メソッドを使用することです。 filter() メソッドは、特定の条件に基づいて配列内の要素をフィルタリングできます。重複排除操作では、カスタム条件に従って配列内の要素をフィルター処理して、重複した要素を削除できます。具体的なコードは次のとおりです:

let arr = [1, 2, 3, 3, 4, 4, 5];
let uniqueArr = arr.filter(function(item, index) {
  return arr.indexOf(item) === index;
});
console.log(uniqueArr); //[1, 2, 3, 4, 5]
ログイン後にコピー
ここでは、filter() メソッドを使用して配列内の各要素をチェックします。要素が配列内の最初の位置にある場合、その要素は保持されます。

要約すると、JavaScript には、配列から重複要素を削除するためのさまざまなメソッドが用意されています。開発者は、プロジェクトの要件に基づいて、この操作を実装するためのさまざまな方法を選択できます。ただし、大規模な配列を扱う場合、一部のメソッドを使用するとパフォーマンスの問題が発生する可能性があるため、慎重に選択する必要があることに注意してください。

以上がJavaScriptは配列内で繰り返されませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!