Deconstruction assignment of new features of ES6

Deconstruct assignment ：ES6 Allow to follow certain mode , Extract values from arrays and objects , Assign values to variables

 Frequent use of object methods 、 Array elements , You can use the deconstruction assignment form 

Deconstruction and assignment of arrays

 	const F4 = [" eldest brother "," Second brother "," Three elder brother "," Fourth brother "]
    let [a,b,c,d] = F4
    //  This is equivalent to our statement 4 A variable a b c d  The corresponding values are  " eldest brother "," Second brother "," Three elder brother "," Fourth brother "
    console.log(a,b,c,d);
    //  Print the results : eldest brother   Second brother   Three elder brother   Fourth brother 

Object's deconstruction assignment

  const girl = {
    
        name:" Xiao Liu ",
        age:24,
        sex:" Woman ",
        beautifulGirl:function(){
    
            console.log(name+" It's a beautiful girl ");
        }
    }
  let {
    name,age,sex,beautifulGirl} = girl 
  console.log(name,age,sex,beautifulGirl);
    //  Xiao Liu  24  Woman  ƒ (){
    
    // console.log(this.name+" It's a beautiful girl ");
    // }

notes ： Object deconstruction requires curly braces "{}"

 //  Method can be used normally 
    beautifulGirl()
    //  Running results : Xiao Liu is a beautiful girl