数组解构

最新推荐文章于 2022-05-18 17:39:31 发布

weixin_30820151

最新推荐文章于 2022-05-18 17:39:31 发布

阅读量98

点赞数

原文链接：http://www.cnblogs.com/fengrenfan/p/10494496.html

版权

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>

转载于:https://www.cnblogs.com/fengrenfan/p/10494496.html

weixin_30820151

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
数组解构

1，其实在ES6出现了之后，更新的很多，这些都是要去理解和学习的。2，最近对于数组解构这个东西做了一个学习，觉得对于数据解构的有比较大的用处，所以po出来。3，解构的分类有很多种类型：数组的解构赋值，对象的解构赋值，字符串的解构赋值，布尔值的解构赋值，函数参数的解构赋值，数值的解构赋值。现在先来了解一下数组的解构赋值：　　 1 <!DOCTYPE html>...
复制链接

扫一扫