JavaScript 配列の結合を計算するにはどうすればよいですか?

2 つの配列をマージし、重複する要素を削除することで、2 つの配列の和集合を取得できます。この和集合により、両方の配列に一意の要素が与えられます。

このチュートリアルでは、さまざまな方法を使用して JavaScript 配列の結合を計算する方法を学習します。

set() データ構造を使用する

最初の方法は、set() データ構造を使用することです。コレクション データ構造には、一意の要素のみを含めることができます。両方の配列のすべての要素をセットに追加し、セットの要素から新しい配列を作成して和集合を作成できます。

＃＃＃文法＃＃＃

ユーザーは、設定されたデータ構造を使用して、次の構文に従って JavaScript 配列の結合を計算できます。

リーリー

上記の構文では、スプレッド演算子を使用して 2 つの配列を連結し、結果の配列から新しいコレクションを作成します。その後、再度スプレッド演算子を使用して、コレクションの要素を配列に追加します。

例 1

以下の例では、array1 と array2 に共通の数値が含まれています。まず、スプレッド演算子を使用して array1 と array2 を接続します。その後、新しい Set() コンストラクターを使用して、結果の配列からセットを作成します。セットには一意の要素のみを含めることができます。したがって、2 つの配列の和集合内のすべての要素が含まれます。

その後、スプレッド演算子を使用して、コレクションのすべての要素を連想配列に追加します。出力では、ユーザーは 2 つの配列の結合を確認できます。

リーリー

オブジェクトを使用して JavaScript 配列の結合を計算する

このメソッドでは、配列値をオブジェクトのプロパティとして追加できます。オブジェクトには常に一意のキーが含まれます。したがって、配列要素をオブジェクトのキーとして使用したり、その特定のキーの任意の値を使用したりできます。その後、すべてのオブジェクト キーを取得して配列の結合を取得できます。

＃＃＃文法＃＃＃

ユーザーはオブジェクトを使用して、次の構文に従って配列の結合を計算できます。

リーリー

上記の構文では、まず、すべての配列要素をオブジェクトのキーとしてプッシュします。その後、オブジェクトからキーを取得し、配列に追加します。

例 2

以下の例には、name1 と names2 という名前の 2 つの配列があります。最初の配列要素をオブジェクトのキーとして追加します。その後、2 番目の配列の要素をキーとしてオブジェクトに追加します。

次に、オブジェクトをループし、オブジェクトのキーを取得して、FinalArray にプッシュします。 FinalArray には、Name1 配列と Name2 配列の結合が含まれます。

リーリー

Filter() メソッドと Concat() メソッドを使用する

concat() メソッドは、2 つ以上の配列を結合するために使用されます。 filter() メソッドを使用して 2 つの配列をマージし、一意の要素をフィルタリングできます。このようにして、concat() メソッドと filter() メソッドを使用して配列の結合を計算できます。

＃＃＃文法＃＃＃

ユーザーは、filter() メソッドと concat() メソッドを使用して、次の構文に従って配列の結合を計算できます。

リーリー

上記の構文では、まず 2 つの配列をマージし、並べ替えてから、filter() メソッドを使用して一意の要素をフィルター処理します。

例 3

以下の例では、city1 配列と citites2 配列にいくつかの都市名が含まれており、その一部は一般的です。 city 配列には、両方の配列の配列要素が含まれます。

その後、sort() メソッドを使用して city 配列を並べ替えます。次に、filter() メソッドを使用して、都市配列から一意の値をフィルターします。 filter() メソッドでは、コールバック関数をパラメーターとして渡します。この関数は、現在の都市のインデックスが現在のインデックスと等しいかどうかを確認して、重複する要素を削除します。

リーリー

結論

ユーザーは、JavaScript で配列の結合を計算する 3 つの異なる方法を学びました。最初のアプローチでは、コレクション データ構造を使用した線形コードが必要です。 2 番目のメソッドはオブジェクトを使用し、3 番目のメソッドは filter() メソッドと concat() メソッドを使用します。

以上がJavaScript 配列の結合を計算するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。