JavaScript配列から重複要素を削除する方法は？

JavaScriptでは、配列要素のポップ/プッシュ、重複要素の削除、配列要素の連結など、配列に対してさまざまなタスクを実行できます。配列から重複する要素を削除することは、プログラマーの生活において非常に単純ですが、非常に重要な作業です。したがって、JavaScriptは、JavaScript Set、indexOf（）メソッド、filter（）メソッドなどを使用して、配列から重複要素を削除するための多数のアプローチを提供します。

この投稿では、JavaScriptで重複する配列要素を削除するための以下の方法について説明します。

それで、さらに遅れることなく、始めましょう！

JavaScriptでSetを使用して重複する配列要素を削除するにはどうすればよいですか？

JavaScriptのセットを使用すると、プリミティブやオブジェクト参照など、任意のデータ型の一意の要素を保存できます。これは、各値がコレクション内で1回だけ発生することを意味します。

例：Setを使用して重複要素を削除する

「」という名前の配列がある以下のコードスニペットについて考えてみましょう。言語」は、いくつかの重複する要素で構成されています。タスクは、JavaScriptセットを使用してこれらの重複要素を削除することです。

1
2
3
4

var 言語 = [“Java”, “JavaScript”, “Java”, “C++”, “C”, “Java”, “C++”, “JavaScript”, “C++”, “Java”];
コンソール。ログ（（「元の配列：」、言語）。;
var uniqueLanguages = [new Set(languages)];
コンソール。ログ（（「フィルターされた配列：」、 uniqueLanguages）。;

このプログラムでは、次の機能を実行しました。

重複する要素を含む配列を作成しました。
console.log（）メソッドを使用して、元の配列要素を出力しました。
「uniqueLanguages」という名前の新しいSet（）メソッドを使用してセットを作成し、それに配列、つまり「languages」を渡しました。
その結果、「uniqueLanguages」セットは重複した言語を削除し、一意の要素のみを返しました。

このようにして、JavaScriptセットを利用して、配列から重複する要素を削除できます。

indexOf（）メソッドを使用して重複する配列要素を削除するにはどうすればよいですか？

これはJavaScriptで事前定義された関数であり、配列要素の最初の出現を取得するために使用されます。これは大文字と小文字を区別するメソッドであり、特定の値を識別できない場合は-1を返します。 JavaScriptでは、indexOf（）メソッドをpush（）メソッドと一緒に使用して、配列から重複する要素を削除できます。

例：indexOf（）メソッドを使用して重複要素を削除します

この例では、indexOf（）メソッドとpush（）メソッドを使用して、指定された配列から重複する要素を削除します。

1
2
3
4
5
6
7
8
9
10
11
12
13

var 言語 = [“Java”, “JavaScript”, “Java”, “C++”, “C”, “Java”, “C++”, “JavaScript”, “C++”, “Java”];

関数 findUniqueElements（（言語）。 {{
var uniqueLanguages = [];
為に（（私=0; 私< 言語。長さ; 私++）。
{{
もしも（（uniqueLanguages。の指標（（言語[i]）。 === –1）。 {{
uniqueLanguages。押す（（言語[i]）。;
}
}
戻る uniqueLanguages;
}
コンソール。ログ（（「結果の配列：」、 findUniqueElements（（言語）。）。;

このサンプルプログラムは、以下の機能を提供します。

まず、重複する要素で構成される「languages」という名前の配列を作成しました。
次に、「findUniqueElements」という名前の関数を作成し、「languages」配列を引数として「findUniqueElements」関数に渡しました。
次に、空の配列を作成し、「uniqueLanguages」という名前を付けました。
その後、forループを利用して「languages」配列をトラバースしました。
次に、ifステートメント内でindexOf（）メソッドを利用しました。
if-statement内で、indexOf（）メソッドは、「languages」配列の現在のインデックスに存在する値が「uniqueLanguages」配列にすでに存在するかどうかをチェックします。はいの場合、ifステートメントの本体は実行されません。
「languages」配列の現在のインデックスに存在する値が「uniqueLanguages」配列に存在しない場合、if-Statementの本体はそのような場合に実行されます。
ifステートメントの本体内で、push（）メソッドを使用して、「uniqueLanguages」配列に一意の要素を追加しました。
最後に、console.log（）メソッドを使用して、一意の要素の配列を出力しました。

これは、indexOf（）メソッドとPush（）メソッドを使用して一意の要素の配列を取得する方法です。

JavaScriptのfilter（）メソッドを使用して重複する要素を削除するにはどうすればよいですか？

JavaScriptのfilter（）メソッドは、特定のテストに合格した要素のみの新しい配列を作成します。

例：filter（）メソッドを使用して重複する要素を削除します

このプログラムでは、filter（）メソッドとindexOf（）メソッドを使用して、配列から重複する要素を削除します。

1
2
3
4
5
6

var 言語 = [“Java”, “JavaScript”, “Java”, “C++”, “C”, “Java”, “C++”, “JavaScript”, “C++”, “Java”];

関数 findUniqueElements（（言語）。 {{
戻る言語。フィルター（（（（エレメント、位置）。 => 言語。の指標（（エレメント）。 === 位置）。;
}
コンソール。ログ（（「結果の配列：」、 findUniqueElements（（言語）。）。;

上記のプログラムは、次の機能を実行します。

まず、重複する要素の配列を作成しました。
次に、finduniqueElementsという名前の関数を作成し、指定された配列、つまり言語を渡しました。
関数内で、indexOf（）メソッドとともにfilterメソッドを使用して、一意の要素の配列を取得しました。
最後に、以下に示すように、console.log（）メソッドを使用して、フィルター処理された配列をコンソールに出力しました。

これは、フィルターメソッドを使用して配列から重複要素を削除する方法です。

結論

JavaScriptでは、instanceOf（）、filter（）、new Set（）など、いくつかのメソッドを使用して重複する配列要素を削除できます。たとえば、JavaScriptのセットを使用すると、プリミティブやオブジェクト参照など、任意のデータ型の一意の要素を保存できます。したがって、JavaScript Set（）を使用して、重複する配列要素を削除できます。同様に、JavaScriptのfilter（）メソッドは、特定のテストに合格した要素のみの新しい配列を作成します。したがって、filter（）メソッドを使用して、一意の要素の配列を取得できます。

この記事では、いくつかの適切な例を使用して、配列から重複要素を削除するさまざまな方法について説明しました。

The post JavaScript配列から重複要素を削除する方法は？ appeared first on Gamingsym Japan.

Underground News