ES6 from entry to mastery 07: Deconstruction assignment

explain

ES6 From entry to Mastery Series （ whole 23 speak ） Learning notes .

Deconstruct assignment

Deconstruction assignment is an extension of assignment operator , It operates on arrays and objects .

advantage ： The code is easy to read

let man = {
    
	name: "kaimo",
	value: 313
}
// es5
let name = man.name;
let value = man.value;
// es6  Completely deconstruct 
let {
     name, value } = man;
console.log(name, value)

let obj = {
    
	a: {
    
		name: "kaimo"
	},
	b: [],
	c: "hello cat"
}
//  Incomplete deconstruction 
let {
     a } = obj;
console.log(a);

//  Remainder operator 
let {
     a, ...res } = obj;
console.log(a, res)

//  The default value is 
let {
     a, b = 30 } = {
     a: 20 };

Deconstruct an array

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

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