👋

Javscriptで配列をマージする方法

2022/12/13に公開

このような配列が二つあるとします。これらをマージしたい場合は

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

方法1:スプレッド構文 (...) を使う

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const arrAll = [...arr1, ...arr2];
// 出力内容:[1, 2, 3, 4, 5, 6]
console.log(arrAll);

詳しい内容は:https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_syntax

方法2:concatメソッドを使う

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const arrAll = arr1.concat(arr2);
console.log(arrAll);

詳しい内容は:https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat

Discussion