陣列的解構賦值
看下面的操作,在控制台我們可以輸出a,b,c分別等於1,2,3,當然我們也可以看到d的值是undefined
const arr =[1
,2,3
];let[a,b,c,d]
= arr;
更複雜的匹配原則
可以看到,我們定義了乙個很複雜的陣列
當我們想取該陣列中的某個元素時,我們可以使用陣列的解構方法。
const arr =
['a'
,'b',[
'c',
'd',
['e'
,'f'
,'g']]
];let[
,,b]
= arr;
let[
,, g]=[
'e',
'f',
'g']
;
擴充套件運算子
…表示可以將陣列合併,同時也可以將陣列中的幾個元素合併
const arr1 =[1
,2,3
];const arr2 =
['a'
,'b'];
const arr3 =[5
,6,7
];const arr4 =
[...arr1,
...arr2,
...arr3]
;const arr =[1
,2,3
,4];
const
[a,b,
...c]
= arr;
預設值
const arr =[1
,null
,undefined]
;const
[a,b =
3,c,d =
'aaa'
]= arr;
交換變數
let a =20;
let b =10;
let temp;
temp = a;
a = b;
b = temp;
//[a,b] = [b,a];
接受多個返回值
function
getuserinfo
(id)
,'請求成功'];
};const
[status, data, msg]
=getuserinfo
(123
);
在這個例子裡,當我們在控制台輸入 status,data,msg,分別會對應輸出 true,,「請求成功」
好了,這個陣列的解構賦值就先到這了
下期是有關物件的解構賦值,雖然和陣列的大同小異
但是本人正在學習,自然也會當學習筆記一樣記錄下來
以上,如果有不當的地方,麻煩指正,謝謝大家。
解構賦值 陣列的解構賦值
什麼是解構賦值?es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 destructuring 我的理解是 允許宣告一種模式 陣列 物件等 裡面包含乙個或多個變數,再分別對這些變數遍歷 按照對應位置 賦值。以前,為變數賦值,只能直接指定值。let a 1 let b 2 通...
陣列的解構賦值
es6允許按照一定的模式,從陣列和物件中提取值,對變數進行賦值,這被稱之為解構 destructuring 以前為變數賦值,只能直接指定值 var a 1 var b 2 var c 3 es6允許寫成這樣 var a,b,c 1,2,3 本質上,這種寫法屬於 模式匹配 只要等號兩邊的模式相同,左邊...
陣列的解構賦值
es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構。es5宣告變數 let a 1 let b 2 let c 3 es6解構賦值 let a,b,c 1,2,3 本質上,這種寫法屬於 模式匹配 只要等號兩邊的模式相同,左邊的變數就會被賦予對應的值。下面是一些使用巢狀陣列進...