> For the complete documentation index, see [llms.txt](https://web-dev-guide.wishtack.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://web-dev-guide.wishtack.io/ecmascript/syntactic-sugar/spread.md).

# Spread

## Array Spread

```javascript
const itemList = [1, 2, 3];
const additionalItemList = [5, 6];
​
const newItemList = [...itemList, 4, ...additionalItemList];
​
console.log(newItemList); // [1, 2, 3, 4, 5, 6]
```

## Object Spread <a href="#object-spread" id="object-spread"></a>

Handy for merging objects or for respecting immutability.

```javascript
const user = {
    firstName: 'Foo',
    lastName: 'BAR',
    email: 'invalid@wishtack.com'
};
​
const newUser = {
    ...user,
    email: 'foo.bar@wishtack.com',
    phoneNumber: '+6 12 34 56 78'
};
​
console.log(newUser);
// {
//    firstName: 'Foo',
//    lastName: 'BAR',
//    email: 'foo.bar@wishtack.com',
//    phoneNumber: '+6 12 34 56 78'
//}
```