ES6 数组解构赋值

概述

解构赋值是对赋值运算符的扩展。

他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。

在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。

---

数组模型的解构（Array）

1. 可嵌套

• 一维数组

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

• 二维数组

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

• 三维数组

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

2.可忽略

{
    let [a, ,c] = [1,2,3];
    console.log(a,c);
}

3.不完全解构

{
    let [a,b] = [100];
    console.log(a,b);
}

4.剩余运算符（展开运算符）

{
    let [a,...b] = [1,2,3,4];
    console.log(a,b);
}

小练习

// 使用解构赋值进行两个变量的值的交换
// 此方法申明变量后，结尾分号要加上
{
    let a = 1;
    let b = 2;
    [a,b] = [b,a];
    console.log(a,b);
    
}

！！！！！部分内容来源于菜鸟教程