对象解构-根据key检索取值
let demo = {
name: 'dao',
value: 0
}
let { name, value } = demo;
console.log(name);
console.log(value);
let { name: localName } = demo;
console.log(localName);
let { type: localType = 0 } = demo;
let node = {
parent: {
child: {
name: 'dom',
value: 'class'
}
}
}
let { parent: { child } } = node;
console.log(child.name);
console.log(child.value);
数组解构-根据位置(索引)检索取值
let demo = ['red', 'green', 'blue'];
let [, second,,four = 'yellow'] = demo;
console.log(second);
console.log(four);
let x = 1;
let y = 2;
[x, y] = [y, x];
console.log(x);
console.log(y);
let node = [[...demo], [1, 2, 3]];
let [[a], [b]] = node;
console.log(a);
console.log(b);
let [first, ...rest] = demo;
console.log(first);
console.log(rest.length);
console.log(rest[0]);
混合解构
let node = {
parent: {
child: {
name: 'dom',
value: 'class'
}
},
type: [1, 2, 3]
}
let { parent: { chilid }, type: [first] } = node;
console.log(child.name);
console.log(first);