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

IEブラウザか、その他以外のブラウザかを判定し、条件分岐・判別する方法【Javascript】

更新日:2022.09.09
1062
JavaScript

JavaScriptで郵便番号から住所を自動入力する方法【zipcloud APIを使おう】

2023.01.03
5224
JavaScript

【簡単】JavaScriptを使って任意の文字列を置換する方法

更新日:2022.09.09
734
JavaScript

JavaScriptでオブジェクトに指定したプロパティが存在しているかすぐ確認する方法

2022.12.19
2141