筆記 陣列的解構賦值

2021-10-06 19:17:45 字數 1488 閱讀 6972

陣列的解構賦值

看下面的操作,在控制台我們可以輸出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 本質上,這種寫法屬於 模式匹配 只要等號兩邊的模式相同,左邊的變數就會被賦予對應的值。下面是一些使用巢狀陣列進...