JavaScript

JavaScriptで配列同士を結合させる方法

本記事ではJavaScriptで配列同士を結合させることができる、スプレッド構文とconcatメソッドの使い方について解説しています。

ITエンジニア特化の転職サイト!
自社内開発求人に強い【クラウドリンク】

先輩くん
先輩くん
年収、休日数、労働環境等クラウドリンクが審査し、これらを通過した優良求人情報のみ紹介しているよ!
後輩ちゃん
後輩ちゃん
100%自社内開発の求人だから、SESのように職場環境が変わらないのがいいね!
簡単30秒で無料登録!

JavaScriptの学習におすすめ参考書
改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

配列同士を結合させる

スプレッド演算子

配列同士を結合させる1つ目の方法はスプレッド構文を使います。

const arr = ["A","B","C"];
console.log(...arr); // -> "A" "B" "C"

スプレッド構文は、配列やオブジェクトをドット3つ(…)で展開することができます。配列同士を結合する時には、配列内でマージしたい配列同士をスプレッド構文で展開します。

const countryArr1 = ["Japan","America"];
const countryArr2 = ["Korea","China"];

const mergeCountry = [...countryArr1, ...countryArr2];
console.log(mergeCountry); // -> ["Japan","America","Korea","China"]

concatメソッド

配列同士を結合させる2つ目の方法はconcatメソッドを使います。

Array.concat(結合させる配列)

配列に対してconcatメソッドを使い、結合させたい配列を引数に渡します。

const langArr1 = ["Japanese","English"];
const langArr2 = ["Korean","Chinese"];

const mergeLang = langArr1.concat(langArr2);
console.log(mergeLang); // -> ["Japanese","English","Korean","Chinese"]

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村