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で親・兄弟のID・クラス・要素名を取得する方法

2023.01.21
222
JavaScript

JavaScriptで文字列を大文字・小文字に変換する方法

2023.01.17
325
JavaScript

JavaScriptで配列とオブジェクトを比較。重複した値を持つ要素だけ取得する方法

2022.12.24
392
JavaScript

JavaScriptで右クリックを無効・禁止にする方法

2022.12.07
433