osgsm.io
HomeNotesJavaScript でスプレッド構文を使って配列を連結する

JavaScript でスプレッド構文を使って配列を連結する

Published Feb 10, 2025
Updated Mar 12, 2025

JavaScript のスプレッド構文(spread syntax) ... を使うと複数の配列を連結することができる。

すでにある配列を連結するには [...arr1, ...arr2] のように書く。

const lat = [5.234];
const lng = [1.412];
const point = [...lat, ...lng];
console.log(point); // [5.234, 1.412];

次の例では、すでにある配列に対して新しい要素を追加している。

const items = ["Apples", "Oranges"];
 
const allItems = [...items, "Tomatoes"];
console.log(allItems); // ["Apples", "Oranges", "Tomatoes"]

参考