ES6 數組的解構賦值

數組的解構賦值

將數組的值，或者對象的屬性，提取到不同的變數中

const arr=[1,2,3,4];
let [a,b,c,d]=arr;

更複雜的匹配規則：

const arr=[1,2,[3,4],[5,6,7]];
let [,b]=arr;
let [,,c,d]=arr;
let [,,,[,,g]]=arr;

擴展運算符：

...

let arr1=[1,2];
let arr2=[3,4];
let arr3=[5,6];
let arr4=[arr1,arr2,arr3];//三個數組
let arr5=[...arr1,...arr2,...arr3];//合併數組的值

數組的解構賦值與擴展運算符結合

const arr=[1,2,3,4,5];
let [a,b,c]=arr;
let[a2,b2,...c2]=arr;//取到剩下的所有值

預設值

沒有匹配到的值預設為undefined

const arr=[1,undefined,undefined];
let [a,b,c,d]=arr;

如果是undefined，可以在解構賦值時單獨再賦值（必須是undefined）

const arr=[1,undefined,undefined,null];
let [a,b=2,c=3,d=4]=arr;

交換變數

let a=10,b=20;
[a,b]=[b,a];//交換數據

接收多個 函數返回值：

function getInfo(id){
    //ajax...
    
    return [
        "success",
        {
            name:"cyy",
            age:18,
            id:id
        },
        "請求成功"
    ];
}
const [status,info,res]=getInfo(123);