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>
