配列は、JavaScript などのさまざまなプログラミング言語の典型的なデータ構造です。インデックス付き要素の順序付きリストを保持します。場合によっては、プログラマは複数の配列の要素を 1 つの配列に結合またはマージする必要があります。
この投稿では、JavaScript を使用して配列を結合する方法について説明します。
JavaScript を使用して配列を結合する方法は?
2 つ以上の配列を結合またはマージするために、JavaScript は以下にリストされているいくつかの事前構築されたメソッドを提供します。
-
- 連結()
- スプレッド オペレーター
方法 1: concat() メソッドを使用して配列を結合する
複数の配列を 1 つの配列に結合するには、「 連結() ' 方法。これは、複数の配列を組み合わせる最も基本的で簡単な方法です。
構文
concat() メソッドを使用して配列を結合するには、次の構文に従います。
array1.concat ( 配列2、配列3、...、配列N )
複数の配列をパラメーターとして取り、それらを 1 つの配列に結合します。
戻り値
元の配列に影響を与えることなく、新しい配列を返します。
例
3 つの配列、偶数、奇数、および素数の配列を作成します。
var 偶数 = [ 2 、 4 、 6 、 8 ]奇妙だった = [ 1 、 3 、 5 、 7 ]
ここで、素数 = [ 十一 、 13 、 17 ]
「に電話する」 連結() 「渡し方」 平 ' と ' 素数 ” 配列を使用してそれらを結合し、” 奇数 ” 配列を作成し、結果の配列を変数に格納します ” 結合配列 」:
「 console.log() ' 方法:
出力
上記の出力は、配列「 平 ' と ' 素数 ” 配列と正常に結合されました “ 奇数 」。
方法 2: Spread Operator を使用して配列を組み合わせる
JavaScript で配列を結合するもう 1 つの方法は、「 スプレッドオペレーター 」。スプレッド演算子は、配列のすべての要素を別の配列にコピーする 3 つのドットです。これは、複数の配列を結合またはマージする最も効率的な方法です。
構文
以下のスプレッド演算子の構文を使用して、複数の配列を 1 つの配列に結合します。
[ ...array1、...array2、...array3、...arrayN ]
例
上記で作成した「」という名前の 3 つの配列を使用します。 平 」、「 奇数 '、 と ' 素数 」。これには、偶数、奇数、および素数のリストが含まれます。次に、スプレッド演算子を使用してこれらすべての配列を結合します。
var 結合配列 = [ ...偶数、...奇数、...素数 ] ;
出力
出力は、配列が 1 つの配列に正常に連結されたことを示しています。
結論
複数の配列を 1 つの配列に結合するには、「 連結() 」メソッドまたは「 スプレッドオペレーター 」。スプレッド演算子は、配列を結合する効率的な方法です。配列のすべての要素を別の配列にコピーします。 concat() メソッドは、配列の要素を結合またはマージするための最も基本的で直接的な方法です。この投稿では、JavaScript を使用して配列を結合する方法について説明します。