ES6系列笔记-解构赋值
- 2019 年 12 月 24 日
- 筆記
1：数组的解构赋值
//正常写法 let arr=[10,20,30]; let a=arr[0]; let b=arr[1]; let c=arr[2]; console.log(a,b,c);
打印结果如下：
解构赋值的写法
//数组的解构赋值,右边数值的给左边 let [a,b,c]=[10,20,30] console.log(a,b,c);
打印结果如下：
2：json的解构赋值
//json的解构赋值 let{a,b,c}= {a:11,b:22,c:16}; console.log(a,b,c);
打印结果如下：
json的不同的数据类型混合写法
//json的解构赋值 let [{a,b},[n1,n2,n3],num,str]=[{a:12,b:15},[12,3,5],6,'qq'] console.log(a,b,n1,n2,n3,num,str);
打印结果如下：
参考
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> //正常写法 /* let arr=[1,2,3]; //数组的里面的东西分别放在是哪个变量里面 let a=arr[0]; let b=arr[1]; let c=arr[2]; console.log(a,b,c); */ //数组的解构赋值,右边的给左边 /* let [a,b,c]=[1,2,4] console.log(a,b,c); */ //json的解构赋值 /* let{a,c,d}= {a:11,c:22,d:6}; console.log(a,c,d); */ //json的解构赋值 /* let [{a,b},[n1,n2,n3],num,str]=[{a:12,b:15},[12,3,5],6,'qq'] console.log(a,b,n1,n2,n3,num,str); */ //粒度 /* let [json,arr,num,str]=[{a:12,b:15},[12,3,5],6,'qq'] console.log(json,arr,num,str); */ /* 注意 */ //1：左右两边结构必须一样 //3：声明和赋值不能分开 </script> </html>
