數組解構


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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM