数组解构（解开数据解构赋值给变量）（一一对应关系）

image.png

变量少，值多的情况

（从前到后，能赋值几个赋值几个，其他的就赋不上值了，也不用管了）

image.png

变量多值少的情况（剩下没赋值的变量就是undefind）
image.png
按需取值（只取需要的值）
不想取的值，用逗号占位就行
image.png
image.png

剩余值取法

a——-张飞
b——-关羽
c———保存剩下的所有值
image.png
image.png

取复制结构的值（比如数组里面套数组）数组里面套对象，数组结构取不出来

a——-关羽
b——-赵云
c——张辽（注意张辽在一个数组里面套着呢，这个时候赋值的时候，就把c也套一个数组，并且记住一一对应）
image.png
image.png

对象解构

image.png

对象解构和数组解构的区别

数组解构是用变量接收就行，变量写在let后面的括号中就行
对象结构是要拿出对象中的啥属性，就在let后面的{ }中写啥属性名就行

对象解构的时候变量名冲突了，可以换一个变量名
image.png
image.png
image.png

解构对象的应用场景

image.png