1,其實在ES6出現了之后,更新的很多,這些都是要去理解和學習的。
2,最近對於數組解構這個東西做了一個學習,覺得對於數據解構的有比較大的用處,所以po出來。
3,解構的分類有很多種類型:數組的解構賦值,對象的解構賦值,字符串的解構賦值,布爾值的解構賦值,函數參數的解構賦值,數值的解構賦值。
現在先來了解一下數組的解構賦值:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 15 <script> 16 //數組結構 17 { 18 let a,b; 19 [a,b] = [1,2]; 20 console.log(a,b); // 1 2 21 } 22 { 23 let a,b; 24 [a,...b] = [1,2,3,4,5.5,6]; //a取第一個值,剩余的都賦給b 25 console.log(a,b); //1 [2, 3, 4, 5.5, 6] 26 } 27 { 28 let [a,b,...c] =['a']; 29 console.log(a,b,c); //a undefined [] 30 } 31 { 32 let a = 11; 33 let b = 22; 34 /*let temp = 0; 35 temp = a; 36 a = b; 37 b = temp; 38 console.log(a,b); //22 11*/ 39 [a,b] = [b,a]; 40 console.log(a,b); //22 11 41 } 42 { 43 function f(){ 44 return [22,55]; 45 } 46 let a ,b ; 47 [a,b] = f(); 48 console.log(a,b); //22 55 49 } 50 { 51 //默認值賦值,當我們沒有第二個參數時候,參數如果有默認值就取默認值的內容,沒有則undefined 52 let a,b; 53 [a,b=20] =[40]; 54 console.log(a,b); //40 20 55 } 56 { 57 //缺省的適配模式的數組結構 58 function ff(){ 59 return [22,33,44,66,9,'test','cc',5]; 60 //a , , , ,b 61 } 62 let a ,b; 63 [a,,,,b]= ff(); 64 console.log(a,b);//22 9 65 [a,,,...b]=ff(); 66 console.log(a,b);//22 [66, 9, "test", "cc", 5] 67 } 68 </script> 69 </body> 70 </html>