解构复制就是按照一定模式，从数组和对象中提取值，对变量进行赋值。

数组的解构赋值

let [a,b,c] = [1,2,3]
console.log(a,b,c) // 1 2 3

let [a,b,[c,d]] = [1,2,[3,4]]
console.log(a,b,c) // 1 2 3 4

let [a,b,c] = [1,2,[3,4]]
console.log(a,b,c) // 1 2 [3,4]

let [a,b,[c]] = [1,2,[3,4]]
console.log(a,b,c) // 1 2 3

let [a,b,[c],d] = [1,2,[3,4]]
console.log(a,b,c) // 1 2 3 undefined

let [a,b,[c],d=5] = [1,2,[3,4]] // 给 d 默认值 5
console.log(a,b,c) // 1 2 3 5

let [a,b,[c],d=5] = [1,2,[3,4],6] 
console.log(a,b,c) // 1 2 3 6 ,给 d 传递值了就不读默认值

对象的解构赋值

let user1 = {
  name1: 'xiaoming',
  age1: 24
}
let {age1, name1} = user1
console.log(name1, age1) // xiaoming 34 ，对象是通过 key 进行解构赋值，数组是通过位置（下标）进行解构赋值


let user2 = {
  name2: 'xiaoming',
  age2: 24
}
let {age2: uage, name2: uname} = user2 // 对 age2 和 name2 重命名
console.log(uname, uage) // xiaoming 34 ,改名后再读 name2 和 age2 会报错

字符串的解构赋值

let str = 'hello'
let [a,b,c,d,e] = str
console.log(a,b,c,d,e) // h e l l o

函数的解构赋值

// 参数的解构赋值
function foo1([a,b,c]) {
  console.log(a,b,c)
}
let arr = [1,2,3]
foo1(arr) // 1 2 3

function foo2({name, age=18}) {
  console.log({name, age})
}
let obj = {
  name: 'lily',
  age: 24
}
foo2(obj) // lily, 24

// 返回值的解构赋值
function foo3() {
  let obj = {
    name: 'lily',
    age: 24
	}
  return obj
}
let {name, age} = foo3()
console.log(name, age) // lily, 24  // 返回值为数组时同理

补充

function foo() {
  console.log(123)
}
let [a = foo()] = [1]
// 不会输出123，因为解构赋值是惰性的，给 a 进行了赋值就不会读取默认值，函数 foo 不会被执行

let [b = foo()] = []
// 此时会输出123

提取 json 数据

let json = '{"a": "hello", "b": "world"}'
let {a, b} = JSON.parse(json) // JSON.parse() 方法用于将json字符串转换成对象，再用对象的解构赋值方法就可以了
console.log(a,b) // hello world