Written by Kasumi

JavaScriptで配列を結合する二つの方法【簡単】

JavaScriptで配列を結合して一つの配列にしたい。

本記事ではこのような悩みを解決。

実装方法について解説します。

concatメソッドを使って配列を結合

//配列
const arry = [1, 2, 3];
const arry2 = [4, 5, 6];

//結合
const arry3 = arry.concat(arry2);

console.log(arry3);
// コンソール
//(6) [1, 2, 3, 4, 5, 6]

concatメソッドを使って配列を結合するコード例です。

concatメソッドの使い方は以下の通りです。

配列.concat(結合したい配列);

配列にconcatメソッドを連結。

concatメソッドの引数に結合したい配列を代入します。

指定した配列の後ろに結合したい配列が連結されます。

スプレット演算子(…)を使って配列を結合

//配列
const arry = [1, 2, 3];
const arry2 = [4, 5, 6];

//結合
const arry3 = [0,...arry,...arry2]
;

console.log(arry3);
// コンソール
// (7) [0, 1, 2, 3, 4, 5, 6]

スプレット演算子(…)を使って配列を結合するコード例です。

結合用の配列を定義。

上記配列内でスプレット演算子(…)を使って結合したい配列を代入します。

concatメソッドと違い、結合場所が前後選べる等の利点があります。

まとめ

JavaScriptで配列を結合する二つの方法について紹介しました。

以上で解説を終わります。

目次

関連記事

JavaScript

【JavaScript】スクロールを終えた後に任意の処理を実行する方法

2023.02.21
539
JavaScript

JavaScriptでページの読み込み中、ローディング画面を表示する方法

2023.02.15
10329
JavaScript

【JavaScript】数値配列を昇順・降順にソートし、入れ替える方法

2022.06.09
6668
JavaScript

【JavaScript】初回アクセスのみ任意の処理を実行する方法

2022.12.18
3167