ES6——解构赋值

数组类型

左右各一个数组

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

数值赋值给变量（rest）

let a,b,rest;

[a,b,...rest] = [1,2,3,4,5,6];

console.log(a,b,rest);  // 1, 2, [3,4,5,6]

数组嵌套

var [a,[b,c]] = [1,[2,3]];

console.log(a,b,c);  // 1, 2, 3

指定默认值

var [a,b,c,d = 4] = [1,2,3];

console.log(a,b,c,d);  // 1, 2, 3, 4

使用场景

变量交换

let a = 1;
let b = 2;

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

返回值赋给变量

function f(){
    return [1,2];
}

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

只选择需要的返回值

function f(){
    return [1,2,3,4,5];
}

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

对象类型

左右各一个对象

let o = {a: 1, b: 2};

let {a,b} = o;

console.log(a,b);  // 1, 2

默认值

后面的a覆盖了前面的a

let {a = 1 , b = 2} = {a : 3};

console.log(a,b);  // 3, 2

获取json数据的值

{
    let manInfo = {
            name: 'Tim Chen',
            more: [{
                age: '23',
                sex: 'male',
            }]          
    }

    let {name:myName, more:[{age:myAge}]} =  manInfo;

    console.log(myName,myAge); // Tim Chen , 23
}

对象方法类型

把对象赋给一些特殊对象，即相当于使用对象的方法。

let {floor,ceil} = Math;

let a = 1.9;

console.log(floor(a));

字符串类型

获取字符串长度

let {length} = 'Hello';

console.log({length});  // {length:5}

解构字符串

let [a,b,...c] = 'Hello';

console.log(a,b,c);  // H e ["l", "l", "o"]

函数类型

解构函数参数

var arr = [1,2];

function test([a,b]){
    console.log("a:", a);
    console.log("b:", b);
}

console.log(test(arr));  // a: 1   b: 2

不区分参数顺序

注意：这里的参数是对象，不是数组！！！

var obj = {b:2, a:1};

function test({a,b}){
    console.log("a:", a);
    console.log("b:", b);
}

console.log(test(obj));  // a: 1   b: 2

、

参数默认值

var obj = {b:2};
function test({a = 10, b}){...}