JavaScript

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

February 10, 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"]

back to note