JavaScriptで2つの配列を1つの新しい配列に結合する方法

はじめに

JavaScriptでは、複数の配列をひとつにまとめて新しい配列を作りたい場面がよくあります。そんなときに便利なのがconcat()メソッドです。この記事では、2つの配列を新しい配列に結合する具体的な手順を、サンプルコードと実行結果付きで解説します。

結合する2つの配列を用意する

まず、以下のような最初の配列があるとします。

var firstArray=["John","David","Bob","Mike"];

続いて、2番目の配列は次のとおりです。

var secondArray=["Chris","Adam","James","Carol"];

この2つの配列を新しい配列に追加（結合）するには、concat()を使用します。

サンプルコード

以下が実際のコードです。

var firstArray=["John","David","Bob","Mike"];
var secondArray=["Chris","Adam","James","Carol"];
var thirdArray=firstArray.concat(secondArray);
console.log("First Array value=");
console.log(firstArray);
console.log("Second Array value=");
console.log(secondArray);
console.log("Third Array value=");
console.log(thirdArray);

concat()は元の配列を変更せず、結合結果を含んだ新しい配列を返す点がポイントです。そのため、firstArrayやsecondArrayの中身は結合後もそのまま保たれます。

プログラムの実行方法

上記のプログラムを実行するには、Node.js環境で次のコマンドを使用します。

node fileName.js

ここでは、ファイル名を「demo249.js」としています。

実行結果

コンソールには次のように出力されます。

PS C:\Users\Amit\javascript-code> node demo249.js
First Array value=
[ 'John', 'David', 'Bob', 'Mike' ]
Second Array value=
[ 'Chris', 'Adam', 'James', 'Carol' ]
Third Array value=
[
   'John',  'David',
   'Bob',   'Mike',
   'Chris', 'Adam',
   'James', 'Carol'
]

まとめ

このように、concat()メソッドを使えば、元の配列に影響を与えることなく、複数の配列を簡単にひとつの新しい配列へ結合できます。スプレッド構文（[...array1, ...array2]）を使う方法もありますが、シンプルさと互換性の面ではconcat()が定番の手法といえるでしょう。