【解构赋值】解构赋值之我要解构，涉及多种常见情况

解构赋值之我要解构

数组

情况1

const arr = ['我','是','帅','哥']

常规方式

const a = arr[0] const b = arr[1]

代码提升

1. const [a,b] = arr 对前面赋值

1. const [,,b,c] =arr 对后面赋值

2. const [,,c,,e=1] = arr 额外对e赋值

上面指定赋值太不方便了，可以用对象来解构赋值 const {2:b,3:c} = arr

---

情况2 可以判断数组是否为空

const arr = [ ]

const [a = '数组为空'] = arr

console.log(a);

如果数组为空，那么将会输出数组为空，如果不为空，将输出代替内容

---

情况3 剩余参数

const arr = [1,2,3,4,5,6]

const [a,b,c,...d] = arr

console.log(d);

剩余参数都会以数组的形式存在d

如果只有一个剩余参数，那么就是对整个数组进行拷贝了

---

情况4 原数组是多层结构

const arr = [1,2,[3,4],[5,6]]

const arr = [a,,[c,],[,d]]

console.log(a,c,d);