03.ES6数组对象展开（spread）

// Create an Array
const tools = ['hammer', 'screwdriver']
const otherTools = ['wrench', 'saw']

// Unpack the tools Array into the allTools Array
const allTools = [...tools, ...otherTools]
console.log(allTools)

["hammer", "screwdriver", "wrench", "saw"]

// Array of users
const users = [
  { id: 1, name: 'Ben' },
  { id: 2, name: 'Leslie' },
]
// A new user to be added
const newUser = { id: 3, name: 'Ron' }
const updatedUsers = [...users, newUser]
console.log(users)
console.log(updatedUsers)

[{id: 1, name: "Ben"}
 {id: 2, name: "Leslie"}]
[{id: 1, name: "Ben"}
 {id: 2, name: "Leslie"}
 {id: 3, name: "Ron"}]

// Create an Array
const originalArray = ['one', 'two', 'three']
// Use spread to make a shallow copy
const secondArray = [...originalArray]
// Remove the last item of the second Array
secondArray.pop()
console.log(originalArray)

["one", "two", "three"]

// Create a set
const set = new Set()
set.add('octopus')
set.add('starfish')
set.add('whale')
// Convert Set to Array
const seaCreatures = [...set]
console.log(seaCreatures)

["octopus", "starfish", "whale"]

const string = 'hello'
const stringArray = [...string]
console.log(stringArray)

["h", "e", "l", "l", "o"]

// Create an Object and a copied Object with Object.assign()
const originalObject = { enabled: true, darkMode: false }
const secondObject = Object.assign({}, originalObject)
console.log(secondObject)

// Create an object and a copied object with spread
const originalObject = { enabled: true, darkMode: false }
const secondObject = { ...originalObject }
console.log(secondObject)

{enabled: true, darkMode: false}

const user = {
  id: 3,
  name: 'Ron',
}
const updatedUser = { ...user, isLoggedIn: true }
console.log(updatedUser)

{id: 3, name: "Ron", isLoggedIn: true}

const user = {
  id: 3,
  name: 'Ron',
  organization: {
    name: 'Parks & Recreation',
    city: 'Pawnee',
  },
}
const updatedUser = { ...user, organization: { position: 'Director' } }
console.log(updatedUser)

id: 3
name: "Ron"
organization: {position: "Director"}

const updatedUser = {
  ...user,
  organization: {
    ...user.organization,
    position: 'Director',
  },
}
console.log(updatedUser)

id: 3
name: "Ron"
organization: {name: "Parks & Recreation", city: "Pawnee", position: "Director"}