# Spread Syntax

The spread syntax, also referred to as the spread operator, is one of the more confusing and yet incredibly useful features recently introduced to JavaScript. The spread syntax can be used with arrays, objects, and functions.

# Arrays

The spread syntax is a shortcut to write out or spread all the elements of an array. This can be useful for combining arrays.

const primary = ['red', 'blue', 'yellow']
const secondary = ['purple', 'green', 'orange']


console.log([...primary, ...secondary]) 
// ['red', 'blue', 'yellow', 'purple', 'green', 'orange']

# Objects

Just like an array, the spread syntax can be used to unpack object properties.

const person = {
  firstName: 'John',
  lastName: 'Smith'
}

const contact = {
  ...person
}

console.log(`${contact.firstName} ${contact.lastName}`)

# See Also