ES6 04常用的解构

 

 其他解构

 1.ES6除了提供对象和数组解构，还提供很多适用的解构方案

 2.若你想要让一个普通的值进行交换，不必需要第三个变量

 let key=1;
 let value='Mr.Lee';
 

 [key,value]=[value,key]; //解构操作，变量互换
 

 console.log(key);
 console.log(value);

  

 3.若函数的返回值是一个数组或对象，直接将函数进行赋值解构

 function fn(){
     return ['Mr.Lee',100,'男'];
 }
 let [name,age,gender]=fn();
 console.log(name);
 function fn2(){
     return{
         name:'Mr.Lee',
         age:100,
         gender:'男'
     }
 }
 let {name,age,gender} = fn2();
 console.log(name);

  

 4.当函数进行参数传递的时候，可以进行数组和对象字面量方式的传参

 function fn([name,age,gender]){
     console.log(name);
 }
 fn(['Mr.Lee',100,'男']);
 

 function fn2({name,age,gender}){
     console.log(name);
 }
 fn2({ name:'Mr.Lee',
       age:100,
       gender:'男'});

  

 5.除了对象和数组可以使用解构，字符串类型的数据也可以解构

 let [x,y,z]='ABC';
 console.log(x);   //A
 

 let {length:len}='ABC'; //长度
 console.log(len); //输出3