JavaScript　複数の配列を結合する方法

JavaScriptで「複数の配列を結合するための方法」について解説します。

JavaScriptで複数の配列を結合する方法はありますか？

配列を結合にするにはconcatメソッドやspread演算子を使った結合方法があります。

受講者数No.1！初心者からプロへ導く信頼のスクール

短期間で習得可能！未経験から実践力を磨く充実のプログラム

テックアカデミー 公式ページへ ≫

今なら無料相談でAmazonギフトカードがもらえる！

複数の配列を結合する「concatメソッド」と「spread演算子」

複数の配列を結合するためには、concatメソッドやspread演算子を使うことができます。

concatメソッドを使って複数の配列を結合する

　concatメソッドは、既存の配列に新しい配列や要素を結合し、新しい配列を返すメソッドです。使用方法は、以下のように配列に対してconcatメソッドを呼び出し、引数に結合したい配列や要素を渡します。

let array1 = [1, 2, 3];
let array2 = [4, 5, 6];
let array3 = [7, 8, 9];

let newArray = array1.concat(array2, array3);
console.log(newArray); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

spread演算子を使って複数の配列を結合する

一方、spread演算子を使うことで、配列の要素を展開して新しい配列を生成することができます。使用方法は、以下のように配列を中かっこ([])で囲み、spread演算子(…)を使って展開します。

let array4 = [10, 11, 12];
let array5 = [13, 14, 15];

let newArray2 = [...array4, ...array5];
console.log(newArray2); // [10, 11, 12, 13, 14, 15]

spread演算子を使用することで、配列の要素を直接展開して結合することができるため、可読性がよくなります。

配列の要素をカンマや空白で結合する方法

　配列をカンマなどで区切って結合するには、joinメソッドを使用します。

配列.join([区切り文字]);

配列の要素を結合する方法については「JavaScript　配列の要素をカンマや空白で結合する方法」で紹介していますので気になる方はあわせてご確認下さい。

リスキリングでキャリアアップしてみませんか？

リスキリング(学び直し)は、経済産業省が推奨しており、

今だけ、最大７０％のキャッシュバックを受けることができます。

最大70％の給付金が出るおすすめのプログラミングスクール！

リスキリングで給付金が出るスクールを７つ紹介 ≫

国策で予算が決められているため申し込みが多い場合は早期に終了する可能性があります！

興味のある方はすぐに確認しましょう。

まとめ

「複数の配列を結合するための方法」について解説しました。

　JavaScriptで複数の配列を結合するためには、concatメソッドやspread演算子を使うことができます。
これらは、複数の配列を結合して新しい配列を簡単に生成することができます。

複数の配列を結合することができました。