解构赋值

解构赋值形式

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

let[e,f,g] = [4,[5,6]];
console.log(e,f,g);//4,Array(2)[5,6],undefined;

let[h,[i,j]] = [7,[8,9]];
console.log(h,i,j);//7,8,9

let{name,age,sex} = {
    name : 'yanglan',
    age : 18,
    sex : 'female'
}
 console.log(name,age,sex);// yanglan, 18,female

**注意：**左右两边,结构和格式保持一致

解构时候可以给默认值

let{a,b,c='暂无数据'}={
    a : 12,
    b : 13
}
console.log(a,b,c);//12 13 暂无数据

如果后台传来数据为null的话，这时是有值的，值为null

传来为undefined时，没有值，可赋给默认值

let[a,b,c='暂无数据'] = [2,4,null];
console.log(a,b,c);//2,4,null

let[a,b,c='暂无数据'] = [2,4,undefined];
console.log(a,b,c);//2,4,暂无数据

利用数组的有序性交换两个数的值

let a = 5;
let b = 12;
[a,b] = [b,a];
console.log(a,b);//12,5