解构操作符

普通对象

const student = { name: 'xiaoming', age: 25 };
const { name = 'lihua', age } = student;

const { log } = console;
log('name:' + JSON.stringify(name));
log('age:' + JSON.stringify(age));

/*
output:
    name:"xiaoming"
    VM613:4 age:25
 */

默认值

const student = { name: 'xiaoming', age: 25 };
const { name = 'lihua' } = student;

const arr = [1, 2];
const [a = 2, b = 3] = arr;

变量重命名

const student = { name: 'xiaoming', age: 25 };
const { name = 'lihua', age: AGE } = student;

const arr = [1, 2];

默认值、重命名同时使用

const student = { name: 'xiaoming', age: 25 };
const { name = 'lihua', age: AGE = 30 } = student;

数组

只要对象包含Iterator 接口，都可以采用数组形式的解构赋值

const student = { name: 'xiaoming', age: 25 };
const arr = [1, 2, student];
const [a, b, { name, age }] = arr;

INFO

可以通过解构的方式简化数组交换逻辑

const arr = [1, 2, 3, 4];
[arr[0], arr[1]] = [arr[1], arr[0]];

字符串

解构出字符

const [a, b, c, d, e] = '12345';
const { log } = console;
log('>>>>>>', a, b, c, d, e);
/*
output:
>>>>>> 1 2 3 4 5
 */