Deconstruction function of ES6

Object to deconstruct - according to key Retrieval value

    let demo = {
    
        name: 'dao',
        value: 0
    }
    //  Basic usage 
    let {
     name, value } = demo;
    console.log(name);
    console.log(value);
    
    //  Assignment usage 
    let {
     name: localName } = demo;
    console.log(localName);
    
    //  The default value is , stay demo I can't find it , The default value is 0
    let {
     type: localType = 0 } = demo;
    
    //  Nested deconstruction 
    let node = {
    
        parent: {
    
            child: {
    
                name: 'dom',
                value: 'class'
            }
        }
    }
    let {
     parent: {
     child } } = node;
    console.log(child.name);
    console.log(child.value);

An array of deconstruction - According to the location ( Indexes ) Retrieval value

    let demo = ['red', 'green', 'blue'];
    //  Values and defaults 
    let [, second,,four = 'yellow'] = demo;
    console.log(second);
    console.log(four);
    
    //  Value exchange 
    let x = 1;
    let y = 2;
    [x, y] = [y, x];
    console.log(x);
    console.log(y);
    
    //  Nested arrays 
    let node = [[...demo], [1, 2, 3]];
    let [[a], [b]] = node;
    console.log(a);
    console.log(b);
    
    //  Remaining items 
    let [first, ...rest] = demo;
    console.log(first);     
    console.log(rest.length);
    console.log(rest[0]);

Mixed deconstruction

    //  On the basis of the above , Structure the composite data structure of array and object 
    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);